HTML 文本格式化


HTML 的本质是一种用于表示网页内容的标记语言。在网页中,文本格式化是一项很重要的功能,在 HTML 中可以通过一些标签来完成文本格式化的需求。

一、HTML 标题标签

HTML 中可以通过六个不同级别的标题标签来实现文本的层次性显示,从 <h1><h6>,数字越大,显示的字号越小。

例如:

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>

二、HTML 段落标签

用于显示文本的段落,可以使用 <p> 标签。

例如:

<p>这是一个段落。</p>

三、HTML 加粗标签

加粗文本可以使用 <strong> 标签。在有读屏软件的使用环境中,读屏软件会用单调或强调的口气来朗读加粗部分。

例如:

<p>这是一个<strong>加粗</strong>文本段落。</p>

四、HTML 斜体标签

斜体文本可以使用 <em> 标签。在有读屏软件的使用环境中,读屏软件会用快速模糊或平静自然的口气来朗读斜体部分。

例如:

<p>这是一个<em>斜体</em>文本段落。</p>

五、HTML 删除线标签

删除线文本可以使用 <del> 标签。

例如:

<p>这是一个<del>删除线</del>的文本段落。</p>

六、HTML 下划线标签

下划线文本可以使用 <u> 标签。

例如:

<p>这是一个<u>下划线</u>的文本段落。</p>

七、HTML 格式化标签

HTML 提供一些格式化标签,包括 <code><pre><kbd><samp> 等。

<code> 标签用于表示已经编码的文本。

<pre> 标签用于保留文本的格式(如制表符和换行符等)。

<kbd> 标签用于表示键盘输入。

<samp> 标签用于表示计算机程序或脚本的样本输出。

例如:

<p>这里是一段<code>已编码文本</code>。</p>

<pre>
这里保留了文本的格式,包括换行和       制表符。
可以在这个标签内添加代码样式,如不同颜色、字体等等。
</pre>

<p>
<b>按下以下键组合:</b> <kbd>ctrl</kbd> + <kbd>shift</kbd> + <kbd>c</kbd>
</p>

<code>
/* JavaScript 代码段 */
function showTime() {
    var d = new Date();
    var h = d.getHours();
    var m = d.getMinutes();
    var s = d.getSeconds();
    document.getElementById("clock").innerHTML = h + ":" + m + ":" + s;
}
setInterval(showTime, 1000); //每秒钟执行一次
</code>

<p><samp>这是一个计算机程序的样本输出。</samp></p>

以上是一些 HTML 文本格式化的常用标签,你可以根据实际需求选择合适的标签,来实现文本的格式化。