概述
1.1.1文本标签
br换行标签
hr水平分割线标签
p段落标签
<!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标题标签
<!-- 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斜体标签，给文本添加斜体效果
<em>小余</em>
<i>小余</i>strong加粗标签，给文本字体加粗
b加粗标签，给文本字体加粗
<p>
<strong>小余</strong>
<b>小王</b>
</p>span装饰性标签（无意义文本标签），里面设置文本内容（日期，作者等）
<p>
<span>2022-03-15 08:33:01</span>
<span>来源: 新华社</span>
</p> 1个空格字符、 2个空格字符
<p>
<!-- 空隔 间隙小一些 -->
<!--   空隔 间隙大一些-->
<label for="">密 码</label>
</p>u下划线标签，给文本添加下划线
<p>
我们是<u>社会主义</u>接班人
</p>del删除线标签，给文本添加删除线
s删除线标签，给文本添加删除线（文字两头划线）
strike删除线标签，给文本添加删除线
<p>
价格：<del>9.6</del>
<br>
价格：<s>10.5</s>
<br>
价格：<strike>11.2</strike>
</p>
pre预定义格式化标签，保留空白字符，换行。能够以正常排版方式显示空格与段落
打开 唐诗三百首
唐诗三百首全集_古诗文网
<p>
<pre>
相思
王维 〔唐代〕
红豆生南国，春来发几枝。
愿君多采撷，此物最相思。
</pre>
</p>sup上标标签
<p>
3<sup>3</sup>
<br>
s = PI * r<sup>2</sup>
</p>预览：
33
s = PI * r2
sub下标标签：包裹在这个标签里的文本，在正常文本的右下角显示。
<p>
H<sub>2</sub>+O<sub>2</sub>=H<sub>2</sub>0
</p>预览：
H2+O2=H2O
big字体大一号标签
small字体小一号标签
<p>
小余
<br>
<big>小余</big>
<br>
<small>小余</small>
</p>blockquote文本块引用标签
<p>
平凡的世界
<blockquote>路遥</blockquote>
</p>注意：
在文本块引用标签里的文本，会自动换行 且 缩进显示。
最后
以上就是鲤鱼黑裤为你收集整理的HTML文本标签的全部内容，希望文章能够帮你解决HTML文本标签所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复