HTML常用标签总结

1. div标签(双)

一个通用标签，表示一个区块（division），可用于存放文本内容以及其他标签

2. span标签(双)

一个通用目的的行内标签（即不会产生换行），不带有任何语义

3. p标签(双)

一个块级元素，代表文章的一个段落（paragraph)

4. a标签(双)

用来定义超链接，使一张页面链接到另外一张页面 <a href="" target=""></a>

• 未被访问的链接带有下划线--蓝色
• 已访问的链接带有下划线--紫色

1. href属性：表示链接的目标地址，也用于锚点链接(id名)。
2. target属性：表示当前连接的打开方式，值为_self表示默认当前窗口，值为_blank表示在新窗口打开

5. img标签(单)

img为图像标签，可以向网页中嵌入图像：<img src="" alt="" title="">

• src：用来引用图像文件的绝对路径或相对路径(URL)
  -- 相对路径：当前位置开始寻找--范围小
  -- 绝对路径：从根源出发(盘符出发)，范围大

• alt：规定在图像 无法显示时 的替代文本，解释说明

• title：鼠标移动至图片上方显示相应文字信息
  注意：我们一般在使用img标签时，随即添加width/height属性来设置图片大小，目的是：用来占据位置，防止网页布局混乱

6. ul无序列表(双)

ul标签里边只能是li标签，li标签里边可以放其他标签!
<ul type=""> <li>存放标签体内容</li> </ul>

type属性：

• disc--默认值，黑心圆
• circle --空心圆
• square --黑方块

7. ol有序列表(双)

ol标签里边只能是li标签,li标签里边可以放其他标签!
<ol type=""> <li>存放标签体内容</li> </ol>

type属性：

• 1--默认值，按照数字1开始排序
• A --按照大写英文字母A排序
• a --按照小写英文字母a排序
• I --按照大写罗马字符排序
• i --按照小写罗马字符排序

8. dl自定义列表(双)

<dl> <dt>标题</dt> <dd>内容</dd> </dl>

9. br换行符(单)

换行符，单独使用

10. hr标签(单)

水平线分割线,单独使用

11. pre标签(双)

一个块级元素，表示保留原来的格式(浏览器会保留该标签内部原始的换行和空格)

12. strong/b标签(双)

以粗体显示内容,表示内容本身的重要性(strong权重大于b)

13. em/i标签(双)

以斜体显示它包含的内容,表示语气上的强调(em权重大于i)

14. code标签(双)

一个行内元素，表示标签内容是计算机代码，浏览器默认会以等宽字体显示

15. sup标签(双)

右上角显示内容

例如：x<sup>2</sup>：表示x²

16. sub标签(双)

右下角显示内容

例如：H<sub>2</sub>O：表示H₂O