HTML Text Formatting
HTML 可定义很多供格式化输出的元素，比如粗体和斜体字。
下面有很多例子，您可以亲自试试：
HTML 文本格式化实例
- 文本格式化
- 此例演示如何在一个 HTML 文件中对文本进行格式化
- 预格式文本
- 此例演示如何使用 pre 标签对空行和空格进行控制。
- “计算机输出”标签
- 此例演示不同的“计算机输出”标签的显示效果。
- 地址
- 此例演示如何在 HTML 文件中写地址。
- 缩写和首字母缩写
- 此例演示如何实现缩写或首字母缩写。
- 文字方向
- 此例演示如何改变文字的方向。
- 块引用
- 此例演示如何实现长短不一的引用语。
- 删除字效果和插入字效果
- 此例演示如何标记删除文本和插入文本。
如何查看 HTML 源码
您是否有过这样的经历，当你看到一个很棒的站点，你会很想知道开发人员是如何将它实现的？
你有没有看过一些网页，并且想知道它是如何做出来的呢？
要揭示一个网站的技术秘密，其实很简单。单击浏览器的“查看”菜单，选择“查看源文件”即可。随后你会看到一个弹出的窗口，窗口内就是实际的 HTML 代码。
文本格式化标签
| 标签 |
描述 |
|
定义粗体文本。 |
|
定义大号字。 |
|
定义着重文字。 |
|
定义斜体字。 |
|
定义小号字。 |
|
定义加重语气。 |
|
定义下标字。 |
|
定义上标字。 |
|
定义插入字。 |
|
定义删除字。 |
|
不赞成使用。使用 代替。 |
|
不赞成使用。使用 代替。 |
|
不赞成使用。使用样式（style）代替。 |
“计算机输出”标签
| 标签 |
描述 |
|
定义计算机代码。 |
|
定义键盘码。 |
|
定义计算机代码样本。 |
|
定义打字机代码。 |
|
定义变量。 |
|
定义预格式文本。 |
|
不赞成使用。使用 代替。 |
| <![CDATA[</td>
<td class="deprecated"><em>不赞成使用。</em>使用 <pre> 代替。</td>
</tr>
<tr>
<td><xmp></td>
<td class="deprecated"><em>不赞成使用。</em>使用 <pre> 代替。</td>
</tr>
</table>
</div>
<div>
<h2>引用、引用和术语定义</h2>
<table class="dataintable">
<tr>
<th style="width:30%">标签</th>
<th style="width:70%">描述</th>
</tr>
<tr>
<td><a href="/ha/tags/tag_abbr.html"><abbr></a></td>
<td>定义缩写。</td>
</tr>
<tr>
<td><a href="/ha/tags/tag_acronym.html"><acronym></a></td>
<td>定义首字母缩写。</td>
</tr>
<tr>
<td><a href="/ha/tags/tag_address.html"><address></a></td>
<td>定义地址。</td>
</tr>
<tr>
<td><a href="/ha/tags/tag_bdo.html"><bdo></a></td>
<td>定义文字方向。</td>
</tr>
<tr>
<td><a href="/ha/tags/tag_blockquote.html"><blockquote></a></td>
<td>定义长的引用。</td>
</tr>
<tr>
<td><a href="/ha/tags/tag_q.html"><q></a></td>
<td>定义短的引用语。</td>
</tr>
<tr>
<td><a href="/ha/tags/tag_phrase_elements.html"><cite></a></td>
<td>定义引用、引证。</td>
</tr>
<tr>
<td><a href="/ha/tags/tag_phrase_elements.html"><dfn></a></td>
<td>定义一个定义项目。</td>
</tr>
</table>
</div>
<div>
<h2>延伸阅读：</h2>
<p><a href="/ha/html/html_style.html" title="HTML ɗauka ɗauka ɗauka: ɗauka ɗauka ɗauka ɗauka ɗauka">改变文本的外观和含义</a></p>
</div>
<div class="prenextnav">
<ul>
<li> 上一页 <a href="/ha/html/html_styles.html" title="HTML Styles - CSS">HTML 样式</a></li>
<li> 下一页 <a href="/ha/html/html_quotation_elements.html" title="HTML Quotations">HTML Quotations</a></li>
</ul>
</div><div style="background-color:#fcfdf8; padding:0;">
</div>
</div>
<!-- maincontent end -->
<div id="sidebar">
<div><h3><center> 工具箱 </center><h3>
<h5 id="tools_reference"><a href="/ha/tags/index.html">HTML 参考手册</a></h5>
<h5 id="tools_example"><a href="/ha/html/html_examples.html">HTML Examples</a></h5>
<h5 id="tools_quiz"><a href="/ha/html/html_quiz.html">HTML Quiz</a></h5>
</div>
<div><h3><center> 赞助商链接 </center><h3>
<div id="sbtg">
<script src="/myjs/zzsr.js"></script>
</div>
</div>
</div>
<div id="footer">
<p id="p1">
CodeW3C.com 提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。
</p>
<p id="p2">
<a href="/ha/about/index.html" title="Hanyar CodeW3C.com">Hanyar CodeW3C.com</a>
<a href="/ha/about/about_helping.html" title="Nasara CodeW3C.com">Nasara CodeW3C.com</a>
<a href="/ha/about/about_use.html" title="Hanyar ɗauka">Ƙaɗanin ɗauka</a>
<a href="/ha/about/about_privacy.html" title="Hanyar ɗauka">Ƙaɗanin ɗauka ɗauka</a>
<a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a>
<a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Rantici da Ce4e.com"></a>
</p>
</div>
</div>
<!-- wrapper end -->
<script src="/myjs/tongji.js"></script>
</body>
</html>]]></plaintext></td></tr></table></div></div></div> |