web前端
您现在所在的位置:首页>企业动态>web前端

html中与文本有关的标签,学到牛牛WEB前端培训

编辑:学到牛牛IT培训    发布日期: 2022-01-17 16:38:25  

标签,也称作标记。任何一个html文本,不管它有多复杂,它都是由一个一个的标签所构成的。

html有很多标签,它们各有各自的作用。本文详细介绍了html中与文本有关的标签,跟着学到牛牛一起学html标签吧。

1、标题标签

一篇文章肯定是有标题,html用六个标签来表示,从h1到h6,h1权重最高。

小编认为,h3以后的标签都没有实际意义,因为字号实在太小了,除非去重新定义标签的字号。

大多数网页应该只有一个h1,h1里面的文字是这个网页里面最重要的文字。

VS Code使用小技巧:复制一行代码 shift+alt+↓

2、段落标签

一篇文章肯定分为了很多段落,就像我们上学时的作文,分了很多个自然段。

html用p来表示段落,有默认的上下间距。

VS Code使用小技巧:自动换行 alt+Z

3、强制换行标签

br,这是一个单标记,表示段落内部强制换行,应该只用于段落内部的换行。

常用在诗词类的文本上,如果用p标签,上下行间隔太大,不美观,我们就用br强制换行。

hr,也是一个单标记,产生一条水平线用于分割内容模块。

常用在标题与段落、段落与段落之间做分割。但是在实际应用中使用的比较少。

一般的网页中,我们经常看到的线条,其实不是用的hr,而是用样式做边框,这个边框可以改变颜色、改变粗细等,可以添加很多控制样式的属性,比使用hr方便。

4、有语义化的文本标签

语义化,通俗的解释就是在使指定的文本产生视觉效果的同时,要让浏览器认为这个文本不同于其他文本。而样式标签则只有视觉效果。

1)strong:对文本重要性的强调,加粗的样式。

(b:样式标签,只有视觉的加粗效果,但是没有文本的强调作用。)

2)em:强调文本,倾斜的样式。

(i:样式标签,只有视觉的倾斜效果,没有文本的强调作用。)

3)blockquote:定义一段引语,比如要引用某篇诗文或者文章片段。

4)cite:用来标明引言,所谓引言,就是对一本书、一篇报告或其它出版的来源资料的引用,可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。

5)q:引用一句话,实际应用中已经放弃了这种繁琐的标签,很少使用。

6)del:在字符上带一条删除线,一般用于价格的打折,把原价划掉,下面出来一个新价格,ins标签表示更新后的文本。

7)sup:上标。

8)sub:下标。

9)code:程序代码。

10)pre:预格式化,就是写在源码里是什么样式,在网页上就显示什么格式,一般和code配合使用。

11)small:用于不重要的辅助文本,比如免责申明。

12)样式标签:b(加粗)、i(倾斜)、u(下划线)、s(删除线)

5、无语义化的文本标签

span:在一段文本中,需要区分出一块文本。无语义,特别适合需要做样式,但是一点语义都没有的不重要的文本。

免费试学
课程好不好,不如实地听一听

封闭学习

2

1

联系我们

电话:028-61775817

邮箱:1572396657@qq.com

地址:成都市金牛区西城国际A座8楼

  • web前端_Html5资源教程和资源分享-学到牛牛
    web前端_Html5资源教程和资源分享-学到牛牛

    扫一扫,免费咨询

  • web前端_Html5资源教程和资源分享-学到牛牛
    web前端_Html5资源教程和资源分享-学到牛牛

    微信公众号

  • web前端_Html5资源教程和资源分享-学到牛牛
web前端_Html5资源教程和资源分享-学到牛牛

学一流技术,找高薪工作

web前端_Html5资源教程和资源分享-学到牛牛

7-24小时服务热线:

028-61775817

版权声明 网站地图

蜀ICP备2021001672号

课程问题轻松问