HTML学习日志-02-常见标签的介绍及应用

HTML常见标签

一、块标签

1.<div> 划分块，无语义

2.h1~h6 标题标签，字体大小依次变小（注意：h1在一个页面中最多出现一次）

      

3.<p> 段落标签,段落文字使用 （默认格式：段落自动换行）

4.<pre> 可以用于保留段落的格式

 

5.列表：

      <ul>无序列表（unorder-list）标号为圆点

 

<ol>有序列表（order-list） 标号为数字

        

6.<li>主体使用标签

7.块标签特点：独占一行，默认宽度占满父级，高度为零，子级内容撑开高度。

二、行标签

1.<span>文本标签，用于定义文本内区块的特定形式

 <p><span style="color: red;">C</span>SDN</p>

2.<br>换行

3.<i>倾斜

4.<b>加粗

5. <em>加强    浏览器显示为倾斜

6.<strong>强调   浏览器显示为加粗

7.上下标：

   <sub>下标

   <sup>上标

 

8.<a>超链接

 <a href="http://www.csdn.net" target="_blank">CSDN</a>

其中href是链接地址，target是打开方式。

target=”_blank”表示在新的页标签面打开

target=”_self”表示为默认值，在本页面打开

9.行标签的特点：（1）同排序跟显示，遇到父级边界换行

                (2)不支持宽高，内容撑开宽高

                (3)不支持上下外边距

                (4)不能正常显示上下内边距

                (5)换行被解析

三、行块标签

Img（特点：如果只给宽度跟高度，图片等比例缩放）

其中src为资源路径，即图片路径

alt为图片不能正常显示时的提示文本

title为鼠标悬停时的提示文本

行块标签特点：

1. 同排序跟显示，遇到父级边界换行
2. 没有宽高的时候，内容撑开宽高
3. 换行被解析