前端HTML标签总结

1. 标题标签 H1—H6 (取值到 H6)

是标注当前页面最重要核心文本内容的标签，一个页面有且只能有中线是什么一个h1 标签（影响网站的SEO性能优化），h2–h6可以多用但不可滥用；

2. 文本标签 <p> </p>

p标签中间写文本内容，上下自动生成空白行；

3. 换行标签 <br> 为单标签

在文本中强制进行换行;

4. 水平线标签 <hr>

是在文本内容中插入一条水平线，为单标签 ；

5. 文本节标签 <span> </span>

可以将文本中的某些内容进行包裹方便后面进项样式的修改；

6. 文本倾斜标签 <em> </em>、<i></i>

是对文本中的局部文本进行着重强调，只会改变局部文字的语意；表现形式为“文字倾斜”；

写法：<em>文字倾斜</em>.

工作中尽量使用<em> </em>是因为化更有语义化。

7. 文本加粗标签 <strong></strong>、<b> </b>

好久不见吉他谱 是对整个文本进行着重强调，如一段文本的主题思想或重要段落；表现形式为“文本加粗”

写法：<strong>文本加粗</strong>.

工作中尽量使用<strong> </strong>是因为化更有语义化。

8. 删除线标签 <del> </del>、<s> </s>

定义不要某些文字，表现形式为“在文字上面会画出一道横线（删除线）”。

写法：<del>删除线</del>

工作中尽量使用 <del> </del>，是因为更有语义化。

9. 下划线标签 <ins> </ins>、<u> </u>

定义文字下面会出现一道横线，表现形式为“下划线”。

写法 <ins>下划线</ins>.

工作中尽量使用 <ins> </ins>，是因为更有语义化。

10. 上标字标签 

定义上标字，表现形式如 “10³” 写法： 10³。提高成绩的家法

11. 下标字标签 2020元宵节祝福语

定义下标字，表什么的舞蹈现形式如 “H₂O” 写法： H₂O.

12. 图片标签 在网页中插入图片

<img src=”” alt=”” title=”” width=”” height=””>

src : 图片的地址、来源、照片的路径

alt ： 替换文本，当图片不显示时出现的文字

title : 提示文本，当鼠标放在图片上时显示的文字

width : 图片的宽度

height : 图片的高度

13. 相对路径

相对于文件自身出发的路径称之为相对路径