HTML：段落标签，文本格式化标签

最新推荐文章于 2024-04-13 17:02:31 发布

云桃桃前端

最新推荐文章于 2024-04-13 17:02:31 发布

阅读量513

点赞数 5

分类专栏： HTML 基础入门文章标签： html 前端

本文链接：https://blog.csdn.net/u013179804/article/details/136644300

版权

HTML 基础入门专栏收录该内容

28 篇文章 1 订阅

订阅专栏

你好，我是云桃桃。如题，今天来实践 2 类标签。

一、段落标签

HTML 段落标签用于定义 HTML 文档中的一个段落，用于文档布局中划分不同的段落，让文档更具结构性和可读性。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
    <p>这是一个段落</p>
    <p>这是另一个段落</p>
  </body>
</html>

如果希望在段落内换行如何做？通过在内容中加上  或者 ，比如：

<p>你转身向背,<br />侧脸还是很美。</p>

效果如下。

  是单标签，因此只包含开始标签，没有结束标签。 标签的作用是，在 HTML 文档中另起一个行，使接下来的文本从新的一行开始显示。

二、文本格式化标签

HTML 文本格式化标签用于对文本进行格式化、排版和样式设置。一些常见的 HTML 文本格式化标签包括：

1、：将文本加粗显示。

2、：表示文本的重要性，通常显示为加粗字体。

3、：将文本以斜体显示。

4、：表示文本的强调内容，通常以斜体显示。

5、：将文本添加下划线。

6、<s> 或 <strike>：将文本显示为删除线。

7、：将文本显示为上标（上方小字体）。

8、：将文本显示为下标（下方小字体）。

9、<code>：将文本显示为等宽字体，通常用于表示计算机代码或代码片段。

代码如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
  </head>
  <body>
    <p>使用 <b>标签</b> 将文本加粗显示。</p>
    <hr />
    <p>使用 <strong>标签</strong> 表示文本的重要性，通常显示为加粗字体。</p>
    <hr />
    <p>使用 <i>标签</i> 将文本以斜体显示。</p>
    <hr />
    <p>使用 <em>标签</em> 表示文本的强调内容，通常以斜体显示。</p>
    <hr />
    <p>使用 <u>标签</u> 将文本添加下划线。</p>
    <hr />
    <p>使用 <s>标签</s>或者 <strike>标签</strike> 将文本显示为删除线。</p>
    <hr />
    <p>使用 <sup>+1</sup> 将文本显示为上标（上方小字体）。</p>
    <hr />
    <p>使用 <sub>下标</sub> 将文本显示为下标（下方小字体）。</p>
    <hr />
    <p>使用 <code>标签</code> 将文本显示为等宽字体，通常用于表示计算机代码或代码片段。</p>
    <hr />
  </body>
</html>

效果如下。