html学习之路（一）——标签

<h>标签一般也叫标题标签，效果如下

    <h1>标题大小</h1>
	<h2>标题大小</h2>
	<h3>标题大小</h3>
	<h4>标题大小</h4>
	<h5>标题大小</h5>
	不添加h标签的标题大小

<a>标签，<a href="" target=""></a>

在a标签中target默认为_self,表示在本网页进行跳转,target为_blank,表示在打开一个页面进行跳转；a标签的href可以是另一个标签的id，这样可以跳转到该标签所在的位置 。就如博客网站中的点击对应的目录可以跳转到该目录位置，如：

<a href="https://www.baidu.com" target="_self" id="label1">

<a href="#label1" target="_self">跳转到label1</a>

<img>标签

<!-- 图片标签 ,alt是提示，当图片显示不出来时出现alt中的内容，title表示这张图片的信息，鼠标悬浮于图片上就会显示-->
    <img src="http://b-ssl.duitang.com/uploads/item/201505/06/20150506202306_WYEi5.jpeg" alt="图片加载失败" title="信息">

 

<!-- 删除线标签 -->
    <s>标签</s>
    <!-- 下划线标签 -->
    <u>标签</u>
    <!-- 斜体标签 -->
    <i>标签</i>
    <!-- 粗体标签 -->
    <b>标签</b>

<p>这是一个段落p标签</p>
    <hr> <!-- 分割线标签-->
    <p>这是一个段落p标签</p>
    <hr>

<!-- div是独占一行的标签（块级标签），能设置长和宽 -->
    <div>块级标签</div>
    <div>块级标签</div>
    <!--
        span标签是内联标签（行内标签）
        根据内容决定长度，不能设置长和宽
    -->
    <span>内联标签</span>
    <span>内联标签</span>

    <!-- 无序列表，前面没有序号 -->
    <ul>
        <li>a</li>
        <li>b</li>
        <li>c</li>
    </ul>
    <!-- 有序列表，前面有序号
    type表示前面序号的类型，
    type属性：
        1 数字列表 默认值
        A 大写字母
        a 小写字母
        I 大写罗马
        i 小写罗马
    start表示从第几个序号开始
    -->
    <ol type="I" start="2">
        <li>a</li>
        <li>b</li>
        <li>c</li>
    </ol>
    <!-- 标题列表 -->
    <dl>
        <dt>标题一</dt>
        <dd>内容1</dd>
        <dt>标题二</dt>
        <dd>内容2</dd>
        <dt>标题三</dt>
        <dd>内容三</dd>
    </dl>

<!--
        border 表示边框大小
        cellpadding 内边距
        cellspacing 外边距
        width 像素 百分比
        rowspan 单元格竖跨多少行
        colspan 单元格横跨多少列
    -->
    <table border="1" cellpadding="10">
        <!-- thead表示表格头，可有可无 -->
        <thead>
            <!-- tr表示行 -->
            <tr>
                <!-- th表示列 -->
                <th>姓名</th>
                <th>年龄</th>
                <th>爱好</th>
            </tr>
        </thead>
        <!-- tbody表示表格主题 -->
        <tbody>
            <tr>
                <td>小明</td>
                <td>19</td>
                <td rowspan="2">篮球</td>
            </tr>
            <tr>
                <td>小强</td>
                <td>19</td>
            </tr>
        </tbody>
    </table>