前端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. 上标字标签 <sup> </sup>
定义上标字,表现形式如 “10³” 写法: 10<sup>3</sup>。
11. 下标字标签 <sub> </sub>
定义下标字,表现形式如 "H₂O" 写法: H<sub>2</sub>O.
12. 图片标签 在网页中插入图片
<img src="" alt="" title="" width="" height="">
src : 图片的地址、来源、照片的路径
alt : 替换文本,当图片不显示时出现的文字
title : 提示文本,当鼠标放在图片上时显示的文字
width : 图片的宽度
height : 图片的高度
13. 相对路径
相对于文件自身出发的路径称之为相对路径