1.1.1文本标签
br换行标签
hr水平分割线标签
p段落标签
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- style 样式标签 --> <style> .red{color:red;} </style> </head> <body> <!-- p段落标签 --> <!-- 所有的双标签，的起始标签 上 都可以写 id属性，class属性（样式），style属性（样式） --> <p id="xm" class="red">小余</p> <p align="left">小余</p> <p align="center">小余</p> <p align="right">小余</p>
h1-h6标题标签
复制代码
1
2
3
4
5
6
7<!-- h1+h2+h3+h4+h5+h6 --> <h1>标题1</h1> <h2>标题2</h2> <h3>标题3</h3> <h4>标题4</h4> <h5>标题5</h5> <h6>标题6</h6>
em斜体标签，给文本添加斜体效果
i斜体标签，给文本添加斜体效果
复制代码
1
2<em>小余</em> <i>小余</i>
strong加粗标签，给文本字体加粗
b加粗标签，给文本字体加粗
复制代码
1
2
3
4<p> <strong>小余</strong> <b>小王</b> </p>
span装饰性标签（无意义文本标签），里面设置文本内容（日期，作者等）
复制代码
1
2
3
4<p> <span>2022-03-15 08:33:01</span> <span>来源: 新华社</span> </p>
1个空格字符、 2个空格字符
复制代码
1
2
3
4
5<p> <!-- 空隔 间隙小一些 --> <!--   空隔 间隙大一些--> <label for="">密 码</label> </p>
u下划线标签，给文本添加下划线
复制代码
1
2
3<p> 我们是<u>社会主义</u>接班人 </p>
del删除线标签，给文本添加删除线
s删除线标签，给文本添加删除线（文字两头划线）
strike删除线标签，给文本添加删除线
复制代码
1
2
3
4
5
6
7<p> 价格：<del>9.6</del> <br> 价格：<s>10.5</s> <br> 价格：<strike>11.2</strike> </p>
pre预定义格式化标签，保留空白字符，换行。能够以正常排版方式显示空格与段落
打开 唐诗三百首
唐诗三百首全集_古诗文网
复制代码
1
2
3
4
5
6
7
8
9<p> <pre> 相思 王维 〔唐代〕 红豆生南国，春来发几枝。 愿君多采撷，此物最相思。 </pre> </p>
sup上标标签
复制代码
1
2
3
4
5<p> 3<sup>3</sup> <br> s = PI * r<sup>2</sup> </p>
预览：
33
s = PI * r2
sub下标标签：包裹在这个标签里的文本，在正常文本的右下角显示。
复制代码
1
2
3<p> H<sub>2</sub>+O<sub>2</sub>=H<sub>2</sub>0 </p>
预览：
H2+O2=H2O
big字体大一号标签
small字体小一号标签
复制代码
1
2
3
4
5
6
7<p> 小余 <br> <big>小余</big> <br> <small>小余</small> </p>
blockquote文本块引用标签
复制代码
1
2
3
4<p> 平凡的世界 <blockquote>路遥</blockquote> </p>
注意：
在文本块引用标签里的文本，会自动换行 且 缩进显示。
最后
以上就是鲤鱼黑裤最近收集整理的关于HTML文本标签的全部内容，更多相关HTML文本标签内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复