标签。也称作标记。任何一个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:在一段文本中。需要区分出一块文本。无语义。特别适合需要做样式。但是一点语义都没有的不重要的文本。
最新评论