2018.03.27-HTML常见块级标签&行级标签

1.HTML常用的块级标签(block)

    (显示为"块"状,浏览器会在其前后显示折行)

    1.1 标题标签h1-h6

        语法:<h1>标签标题</h1>

    1.2 段落标签<p>

        语法:<p>.....</p>

    1.3 分隔符水平标签<hr/>

        语法:<hr/>

        自结束标签

    1.4 有序列表标签

        语法:
            <ol>
                <li>列表项1</li>
            </ol>

    1.5 无序列表标签

        语法:
            <ul>
                <li>列表项1</li>
            </ul>

    1.6 定义列表(定义描述标签)

        语法:
            <dl>
                <dt>标题</dt>
                <dd>描述1</dd>
            </dl>

    1.7 分块标签

        语法:
            <div>头部内容</div>
            <div>导航内容</div>
            <div>底部内容</div>
        div标签一般当做结构化块级元素使用,一般最常见的用途是对网页进行整体分块布局,即
        当做容器使用.

2.HTML常用的行级标签(in-line)

    (按行逐一显示,前后不会自动换行)

    2.1 文本格式化元素

        <b></b>标签 定义粗体文本
        <i></i>标签 定义斜体文本
        <em></em>标签 定义强调文本,实际效果与斜体文本差不多        
        <strong></strong>标签 定义粗体文本,与<b></b>的作用基本相同
        <small><small>标签 定义小号文本
        标签 定义下标文本
        标签 定义上标文本
        <bdo></bdo>标签 定义文本显示方向,内有dir属性,只能取值"ltr"or"rtl"

    2.2 超链接标签

        <a href="链接地址" target="目标窗口">链接的文本或图片</a>
    
        常用属性:
            href    指定链接所关联的另一个资源
            target    指定框架集中的哪个框架来装载另一个资源,该属性可以是_self,_blank,_top,_parent四个值,
                          分别表示使用自身,新窗口,顶层框架,父框架来装载新资源
        图像标签
        <img src="图片地址" alt="提示文字"/>

    2.3 常用的行级标签

        <span></span>标签
            <span>文本等行级内容 </span>
        <br/>标签
            <br/>换行

    2.4 常用的特殊符号

        空格 &nbsp;
        >(大于) &gt;
        <(小于) &lt;
        引号("") &quot;
        版本号 &copy;