HTML 可定义很多供格式化输出的元素，比如粗体和斜体字。
下面有很多例子，您可以亲自试试：
文本格式化
此例演示如何在一个 HTML 文件中对文本进行格式化
<html>
<body>
<b>This text is bold</b>
<br />
<strong>This text is strong</strong>
<br />
<big>This text is big</big>
<br />
<em>This text is emphasized</em>
<br />
<i>This text is italic</i>
<br />
<small>This text is small</small>
<br />
This text contains
<sub>subscript</sub>
<br />
This text contains
<sup>superscript</sup>
</body>
</html>
预格式文本
此例演示如何使用 pre 标签对空行和空格进行控制。
<html>
<body>
<pre>
这是
预格式文本。
它保留了 空格
和换行。
</pre>
<p>pre 标签很适合显示计算机代码：</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>
“计算机输出”标签
此例演示不同的“计算机输出”标签的显示效果。
<html>
<body>
<code>Computer code</code>
<br />
<kbd>Keyboard input</kbd>
<br />
<tt>Teletype text</tt>
<br />
<samp>Sample text</samp>
<br />
<var>Computer variable</var>
<br />
<p>
<b>注释：</b>这些标签常用于显示计算机/编程代码。
</p>
</body>
</html>
地址
此例演示如何在 HTML 文件中写地址。
<!DOCTYPE html>
<html>
<body>
<address>
Written by <a href=”mailto:webmaster@example.com”>Donald Duck</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
</body>
</html>
缩写和首字母缩写
此例演示如何实现缩写或首字母缩写。
<html><body>
<abbr title=“etcetera”>etc.</abbr> <br /> <acronym title=“World Wide Web”>WWW</acronym>
<p>在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。</p>
<p>仅对于 IE 5 中的 acronym 元素有效。</p>
<p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
</body> </html>
文字方向
此例演示如何改变文字的方向。
<html>
<body>
<p>
如果您的浏览器支持 bi-directional override (bdo)，下一行会从右向左输出 (rtl)；
</p>
<bdo dir=“rtl”>
Here is some Hebrew text
</bdo>
</body>
</html>
块引用
此例演示如何实现长短不一的引用语。
<html>
<body>
这是长的引用：
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>
这是短的引用：
<q>
这是短的引用。
</q>
<p>
使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。
</p>
</body>
</html>
删除字效果和插入字效果
此例演示如何标记删除文本和插入文本。
<html>
<body>
<p>一打有 <del>二十</del> <ins>十二</ins> 件。</p>
<p>大多数浏览器会改写为删除文本和下划线文本。</p>
<p>一些老式的浏览器会把删除文本和下划线文本显示为普通文本。</p>
</body>
</html>
查看 HTML 源码通常很简单，这取决于你是在什么环境下查看。以下是一些常见的方法来查看 HTML 源码：
F12 或 Ctrl+Shift+I（在 Mac 上是 Cmd+Option+I）打开开发者工具，然后点击“Elements”标签查看页面的 HTML 结构。请注意，查看或下载网页的源码可能受到版权法和网站服务条款的限制。在尝试查看或复制任何网站的源码之前，请确保你遵守了所有相关的法律和条款。
| 标签 | 描述 | 示例 |
|---|---|---|
<b> | 加粗文本 | <b>这是加粗文本</b> |
<strong> | 强调文本（通常以加粗显示） | <strong>这是强调文本</strong> |
<i> | 斜体文本 | <i>这是斜体文本</i> |
<em> | 强调文本（通常以斜体显示） | <em>这是强调文本</em> |
<u> | 下划线文本 | <u>这是下划线文本</u> |
<s> | 删除线文本 | <s>这是删除线文本</s> |
<sub> | 下标文本 | H<sub>2</sub>O |
<sup> | 上标文本 | x<sup>2</sup> |
<pre> | 预格式化文本（保留空格和换行） | <pre>这是 预 格式化 文本</pre> |
请注意，<strong> 和 <em> 标签不仅仅是样式标签，它们还表示强调，有助于屏幕阅读器等辅助技术为视障用户提供更好的体验。类似地，<b> 和 <i> 仅是样式标签，不提供额外的语义信息。
在编写 HTML 时，推荐使用 <strong> 和 <em> 而不是 <b> 和 <i>，以便为内容提供额外的语义信息，除非样式是重点且没有额外的语义含义。
此外，虽然 <u> 标签仍然存在，但根据 HTML5 规范，它不再表示强调或重要性，而是应该仅用于表示拼写错误或其他非标准的文本。如果需要表示强调，应使用 <em> 或 <strong> 标签。同样，<s> 标签用于表示删除的文本，而不仅仅是添加删除线样式。
| 标签/属性 | 描述 | 示例 |
|---|---|---|
<pre> | 预格式化文本，保留空格和换行 | <pre>这是预格式化的计算机输出</pre> |
<code> | 表示计算机代码文本 | <code>print(“Hello, World!”)</code> |
<samp> | 表示计算机程序或系统的样本输出 | <samp>输出结果为: 42</samp> |
<kbd> | 表示用户输入（如键盘输入） | <kbd>Ctrl+C</kbd> |
white-space CSS属性 | 控制文本如何处理空白字符 | style=“white-space: pre;” 保留所有空白和换行 |
这些标签可以帮助你在HTML文档中更好地展示计算机代码、用户输入或计算机输出。例如，你可以使用<pre>标签来展示一段格式化的计算机输出，或者使用<code>标签来突出显示代码片段。
请注意，这些标签主要用于样式和语义的改进，并不会影响内容的实际功能或行为。在使用这些标签时，还应考虑到可访问性和（SEO）的最佳实践。
如果你需要更具体的“计算机输出”相关标签或属性，并且这些标签或属性不是标准的HTML元素，那可能是特定于某个框架、库或应用的自定义元素。在这种情况下，你需要参考相关文档或资源以获取准确的信息。
| 标签 | 描述 |
|---|---|
| <abbr> | 定义缩写。 |
| <acronym> | 定义首字母缩写。 |
| <address> | 定义地址。 |
| <bdo> | 定义文字方向。 |
| <blockquote> | 定义长的引用。 |
| <q> | 定义短的引用语。 |
| <cite> | 定义引用、引证。 |
| <dfn> | 定义一个定义项目。 |