常用的文本标签

大一小学弟

已于 2022-10-04 23:23:44 修改

阅读量1.2k

点赞数 1

文章标签：前端 html

于 2022-10-04 15:01:53 首次发布

本文链接：https://blog.csdn.net/qq_55229314/article/details/127162324

版权

HTML常用文本标签：

<div>标签：div标签是一个通用的流内容容器，被用来对其他元素进行分组，或是用于对相同特性的一组元素进行分组，不使用css样式则不会产生任何影响,要注意的是div是一个块级元素，会占据整行，因此使用时要注意。

例：代码部分：
```
<div>
    <div>
        hhh
    </div>
    <div>
        hhh
    </div>
</div>
```
效果如下：

hhh

hhh
<span>标签：和div标签作用类似，但span是一个行内标签，因此使用之后不会默认换行

例：代码部分：
```
<span>
    <span>
        hhh
    </span>
    <span>
        hhh
    </span>
</span>
```
效果如下:
hhh hhh
<h1>-<h6>标签：标题标签，从大到小分别定义了6个大小等级的标题，<h1>最大，<h6>最小。

例：

代码部分:
```
<h1>hhh</h1>
<h2>hhh</h2>
<h3>hhh</h3>
<h4>hhh</h4>
<h5>hhh</h5>
<h6>hhh</h6>
```
效果如下：

hhh

hhh

hhh
hhh
hhh
hhh
<p>标签：文本段落，块级标签，但是p标签无法接收换行符合空白符等。

例：

代码部分：
```
<p>
    这是一个    p 标签
</p>
```
效果如下：

这是一个 p标签
<pre>标签：预定义格式文本，块级标签可以按照原来文件中的编排方式显示在网页上，空白符和换行符都会显示

例：

代码部分：
```
<pre>
	这是一个     pre标签
</pre>
```
效果如下：
```
	这是一个    pre标签
 
```
<br>标签和&nbsp: br为换行标签，&nbsp是空格字符，写一个空一格，在写文章段落的时候比较实用

例：

代码部分：
```
<p>
    前端基础三件套为：<br>
    Html,Css,&nbsp &nbsp &nbsp &nbsp Javascript
</p>
```
效果如下：

前端基础三件套为：
Html,Css, Javascript
<i>和<b>和标签：i标签表示内容斜体，b标签表示内容粗体

例：

代码部分：
```
<i>这是一个 i 标签</i>
<b>这是一个 b 标签</b>
```
效果如下：

这是一个 i 标签

这是一个 b 标签
<del>和 <ins>标签：del给文本添加删除线，ins给文本添加下划线

例：

代码部分：
```
<del>这是一个 del 标签</del>
<ins>这是一个 ins 标签</ins>
```
效果如下：

~~这是一个 del 标签~~

这是一个 ins 标签
hr标签：绘制水平线

例：

代码部分：
```
<hr>hhh
```
效果如下：

hhh