1. 实例练习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body>
<strong>HTML文本格式化</strong>
<br />
<br />
演示-计算机输出标签:<br/>
常用于显示计算机/编程代码<br />
<br />
<code>计算机输出</code><br />
<kbd>键盘输入</kbd><br />
<tt>打字机文本</tt><br />
<samp>计算机代码样本</samp><br />
<var>计算机变量</var><br />
<hr />
演示-地址:<br/>
HTML文本中写地址<br />
<br />
<address>
Written by <a href="mailto:webmaster@example.com">Jon.Doe</a><br />
Visit us at:<br />
Example.com<br />
Box 564,Disneyland<br />
USA
</address>
<hr />
演示-缩写和首字母缩写<br />
<br />
<abbr title="etcetera">etc.</abbr><br />
<acronym title="World Wide Web">WWW</acronym><br />
<em>
<pre>
Note: 在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本
仅对于IE5中的acronym元素有效
对于Netscape6.2中的abbr和acronym元素都有效
</pre>
</em>
<hr />
演示-改变文字方向:<br />
<br />
<bdo dir="rtl"> 使其文字从右到左显示。</bdo>
<hr />
演示-块引用:<br />
实现长短不一的引用语<br />
<br />
WWF's goal is to:<q>Build a future where people live in harmony with future.</q>
We hope they succeed.
<hr />
演示-删除字效果和插入效果:<br />
标记删除文本和插入文本<br />
<br />
My favorite color is <del>red</del><ins>green</ins> !
</body>
</html>
2. 实例涉及知识点
HTML 文本格式化标签 | ||
标签 | 描述 | 该实例应用了? |
<b> | 定义粗体文本 | |
<em> | 定义着重文字 | √ |
<i> | 定义斜体字 | |
<small> | 定义小号字 | |
<strong> | 定义加重语气 | √ |
<sub> | 定义下标字 | |
<sup> | 定义上标字 | |
<ins> | 定义插入字 | √ |
<del> | 定义删除字 | √ |
HTML "计算机输出" 标签 | ||
标签 | 描述 | 该实例应用了? |
<code> | 定义计算机代码 | √ |
<kbd> | 定义键盘码 | √ |
<samp> | 定义计算机代码样本 | √ |
<var> | 定义变量 | √ |
<pre> | 定义预格式文本 | √ |
HTML 引文, 引用, 及标签定义 | ||
标签 | 描述 | 该实例应用了? |
<abbr> | 定义缩写 | √ |
<address> | 定义地址 | √ |
<bdo> | 定义文字方向 | √ |
<blockquote> | 定义长的引用 | |
<q> | 定义短的引用语 | √ |
<cite> | 定义引用、引证 | |
<dfn> | 定义一个定义项目 |