HTML文本标签

最新推荐文章于 2024-02-20 01:52:26 发布

仙鹤__

最新推荐文章于 2024-02-20 01:52:26 发布

阅读量978

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/weixin_52629158/article/details/127005352

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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个空格字符、&emsp;2个空格字符

<p>
<!-- &nbsp;&nbsp; 空隔 间隙小一些 -->
<!-- &emsp;  空隔 间隙大一些-->
<label for="">密&emsp;码</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>

注意：

在文本块引用标签里的文本，会自动换行且缩进显示。

仙鹤__

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML文本标签

介绍html的文本标签
复制链接

扫一扫

专栏目录

HTML文本标签

“相关推荐”对你有帮助么？