HTML 文本格式化实例
（我不知道为什么“正常显示文本”这几个字不用加标签，虽然它有在<body>标签内）
<html> <body> <b>文本为黑体<br /></b> <strong>文本表示强调，强于em，应谨慎使用<br /></strong> <big>文本显示大号字体<br /></big> <em>表示强调，谨慎使用<br/></em> <i>文本以斜体标识<br /></i> <small>文本显示小号字体<br /></small> 正常显示文本<sub>下脚标</sub><br /> 正常显示文本<sup>上脚标</sup> </body> </html>
运行效果：(注：第一排改为：文本黑体)
预文本格式示例：
<html> <body> <pre> 预格式文本就是 保留了 空格以及 换行 </pre> <p>pre 标签很适合用来装逼：</p> <pre> 我闭着眼 在白天 和 黑夜 我看不见 因为 我睡不醒 。。。 </pre> </html> </body>
运行效果：
“计算机输出”标签
<html> <body> <code>显示代码用格式</code><br/> <kbd>键盘输入文本显示</kbd><br/> <tt>电传文本显示</tt><br/> <samp>示例文本显示</samp><br/> <var>电脑变量显示</var><br/> <hr /> <b>注释:</b>为不同属性的文本用不同的标签标识是为了让计算机可以分辨它们的类别 </body> </html>
运行效果：
地址：
<!DOCTYPE html> <html> <body> <address> Written by <a href="http://www.baidu.com.cn">G-Spider</a><br /> 访问地址：<br /> http://www.G-Spider.com.cn<br/> 北京筒子胡同555号<br /> 中国<br /> </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> “最最喜欢你，绿子。” <br /> “什么程度？” <br/> “像喜欢春天的熊一样。”<br/> “春天的熊？”绿子再次扬起头，“什么春天的熊？”<br /> “春天的原野里，你一个人正走着，对面走来一只可爱的小熊，浑身的毛活像天鹅绒，眼睛圆鼓鼓的。它这么对你说道：‘你好，小姐，和我一块儿打滚玩好么？’接着，你就和小熊抱在一起，顺着长满三叶草的山坡咕噜咕噜滚下去，整整玩了一大天。你说棒不棒？” <br/> “太棒了。” <br/> “我就这么喜欢你。”<br/> </blockquote> 这是短的引用： <q> 一切被颠倒的都会被颠倒回来 </q> <p> 使用 blockquote 元素的话，浏览器会插入换行和外边距，而 q 元素不会有任何特殊的呈现。 </p> </body> </html>
运行效果：
删除字效果和插入字效果：
<html> <body> <P>第一天的最后一句话:<del>妈的背好疼</del>明天也要一样的加油啊</p><br/> <ins>努力学习的正确打开方式</ins> </body> </html>
运行效果：
好了，第一天慢慢腾腾地结束了，今天没有集中精力学习，晚上这一个多小时的学习量比之前好几个小时的都多。明天真的要早起开始练习！
明天小丹丹23岁生日，祝越来越可爱吧。不过竟然已经23了（阴险）
时间： 2025-01-15 22:23:53