标签,也称作标记。任何一个html文本,不管它有多复杂,它都是由一个一个的标签所构成的。
菁瑞优智前端培训html有很多标签,它们各有各自的作用。本文详细介绍了html中与文本有关的标签,跟着菁瑞优智一起学html标签吧。
1、标题标签
一篇文章肯定是有标题,html用六个标签来表示,从h1到h6,h1权重最高。
菁瑞优智前端培训这里小编认为,h3以后的标签都没有实际意义,因为字号实在太小了,除非去重新定义标签的字号。
大多数网页应该只有一个h1,h1里面的文字是这个网页里面最重要的文字。
VSCode使用小技巧:复制一行代码shift+alt+↓
2、段落标签
一篇文章肯定分为了很多段落,就像我们上学时的作文,分了很多个自然段。
html用p来表示段落,有默认的上下间距。
VSCode使用小技巧:自动换行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:在一段文本中,需要区分出一块文本。无语义,特别适合需要做样式,但是一点语义都没有的不重要的文本。