HTML||标题，段落，文本格式化

最新推荐文章于 2025-03-04 10:00:00 发布

原创最新推荐文章于 2025-03-04 10:00:00 发布 · 1.3k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#HTML||标题，段落，文本格式化

HTML札记专栏收录该内容

5 篇文章

订阅专栏

本文介绍了HTML的基础知识，包括标题的定义（<h1>至<h6>），水平线的插入（<hr>），以及注释的编写方式。接着，讲述了HTML中的段落标记（<p>）和换行方法（<br>）。最后，讨论了文本格式化的标签，如<b>和<i>，以及它们的语义化替代标签<strong>和<em>。

一、HTML 标题

标题

HTML的标题是通过<h1>~<h6>来定义的，<h1>是HTML里边最大的标题，<h6>为最小的标题，在浏览器显示时，他们是默认加黑的，通过属性配置可以改变用户需求。

<h1>蔡徐坤</h1>
<h2>唱跳rap篮球</h2>
<h3>只因你太美</h3>
<h4>背带裤</h4>
<h5>律师函</h5>
<h6>哔哩哔哩</h6>

注意：标题标签仅仅只是用于标题，不要出于加粗字体或者放大字体而使用标题标签！！！

HTML里的水平线

<hr> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。

		<h1>蔡徐坤</h1>
		<hr />
		<h2>唱跳rap篮球</h2>
		<hr />
		<h3>只因你太美</h3>
		<hr />
		<h4>背带裤</h4>
		<hr />
		<h5>律师函</h5>
		<hr />
		<h6>哔哩哔哩</h6>
		<hr />

HTML 注释

注释的格式为：

<!-- 这是一个注释 -->

小结

<html>定义 HTML 文档

<body>定义文档的主体

<h1> - <h6>定义 HTML 标题

<hr>定义水平线

定义注释

二、HTML 段落

HTML 段落

段落是通过 <p> 标签定义的

<h1>蔡徐坤</h1>
<p>蔡徐坤被黑原因：部分网友认为蔡徐坤的妆容太浓了，对他的穿衣风格不能接受。</p>
<p>蔡徐坤被黑原因：每个人都有各自的看法，虽然蔡徐坤遭到了质疑声，但有很多人还是非常支持他的。</p>

段落换行

在不产生一个新段落的情况下进行换行（新行），请使用 <br> 标签：

<h1>蔡徐坤</h1>
<p>蔡徐坤被黑原因：<br>部分网友认为蔡徐坤的妆容太浓了，<br>对他的穿衣风格不能接受，<br>认为他是流量明星，没有特殊的才艺，<br>每个人都有各自的看法，<br>虽然蔡徐坤遭到了质疑声，但有很多人还是非常支持他的。</p>

小结：

<p>	定义一个段落
<br>	插入单个折行（换行）

三、HTML 文本格式化

HTML 格式化标签

HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如：粗体 or 斜体， 这些HTML标签被称为格式化标签

注：通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。然而，这些标签的含义是不同的： <b> 与<i> 定义粗体或斜体文本。 <strong> 或者 <em>意味着你要呈现的文本是重要的，所以要突出显示。

<b>	定义粗体文本
<em>	定义着重文字
<i>	定义斜体字
<small>	定义小号字
<strong>	定义加重语气
<sub>	定义下标字
<sup>	定义上标字
<ins>	定义插入字
<del>	定义删除字

<b>这个文本是加粗的</b>

<br />

<strong>这个文本是加粗的</strong>

<br />

<big>这个文本字体放大</big>

<br />

<em>这个文本是斜体的</em>

<br />

<i>这个文本是斜体的</i>

<br />

<small>这个文本是缩小的</small>

<br />

这个文本包含
<sub>下标</sub>

<br />

这个文本包含
<sup>上标</sup>

文本格式标签

<abbr>	定义缩写
<address>	定义地址
<bdo>	定义文字方向
<blockquote>	定义长的引用
<q>	定义短的引用语
<cite>	定义引用、引证
<dfn>	定义一个定义项目。