欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端HTML标签总结

程序员文章站 2022-06-26 11:39:53
1.  标题标签 H1---H6   (取值到 H6)             是标注当前页面最重...

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. 相对路径

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

前端HTML标签总结