HTML defines a lot of elements for formatting output, like bold or italic text.
HTML定义了许多元素用来格式化输出，就像加粗或斜体文本。

Below are a lot of examples that you can try out yourself:
下面有很多例子，你可以去试着自己尝试一下。

---

Examples
例子

Text formatting
文字格式
This example demonstrates how you can format text in an HTML document.
这个例子演示了怎样在HTML中去格式化文字。

Preformatted text
已格式化的文字
This example demonstrates how you can control the line breaks and spaces with the pre tag.
这个例子演示了怎样使用pre这个标签。

"Computer output" tags
“计算机输出”标签
This example demonstrates how different "computer output" tags will be displayed.
演示了不同的“计算机输出”标签所显示的效果。

Address
地址
This example demonstrates how to write an address in an HTML document.
演示了怎么处理缩写和简称。

Abbreviations and acronyms
简称和缩写
This example demonstrates how to handle an abbreviation or an acronym.
演示了怎么处理缩写和简称。

Text direction
 文字顺序
This example demonstrates how to change the text direction.
演示了怎么样去更换文字的顺序。

Quotations
引文
This example demonstrates how to handle long and short quotations.
演示了怎样去处理长篇和短篇的引文。
 
Deleted and inserted text
被删除和需要添加的文字
This example demonstrates how to mark a text that is deleted or inserted to a document.
演示了怎样去标记一个被删除或者添加了的文字。

---

How to View HTML Source
查看HTML的源代码

Have you ever seen a Web page and wondered "How do they do that?"
你是否曾经看到一个网页并想着“他们是怎么做的？”

To find out, simply click on the VIEW option in your browsers toolbar and select SOURCE or PAGE SOURCE. This will open a window that shows you the actual HTML of the page.
去找到在你浏览器“查看”工具条中那个“页面源代码”或“源代码”那个选项。点击后便会打开个窗口，里面就显示了那个页的实际HTML了。

---

Text Formatting Tags
文字格式化标签

Tag 标签	Description 描述
<b>	Defines bold text [加粗文字]
<big>	Defines big text [加大文字]
<em>	Defines emphasized text  [强调文字]
<i>	Defines italic text [斜体文字]
<small>	Defines small text [小文字]
<strong>	Defines strong text [重要文字，字体会加粗]
<sub>	Defines subscripted text [下标文字]
<sup>	Defines superscripted text [上标文字]
<ins>	Defines inserted text [插入文字]
<del>	Defines deleted text [删除文字]
<s>	Deprecated. Use <del> instead [不推荐使用，可以用<del>替换]
<strike>	Deprecated. Use <del> instead [同上]
<u>	Deprecated. Use styles instead [下划线，不推荐使用]

"Computer Output" Tags
计算机输出标签

Tag 标签	Description 描述
<code>	Defines computer code text [计算机代码文字]
<kbd>	Defines keyboard text  [键盘字符]
<samp>	Defines sample computer code [计算机代码样品]
<tt>	Defines teletype text [电传打字机文字]
<var>	Defines a variable [变量]
<pre>	Defines preformatted text [已经格式化的文字]
<listing>	Deprecated. Use <pre> instead [不推荐的，用<per>替换]
<plaintext>	Deprecated. Use <pre> instead [不推荐的，用<per>替换]
<xmp>	Deprecated. Use <pre> instead [不推荐的，用<per>替换]

Citations, Quotations, and Definition Tags
引证, 引文, 和定义标签

Tag 标签	Description 描述
<abbr>	Defines an abbreviation [简称]
<acronym>	Defines an acronym [缩写]
<address>	Defines an address element [地址]
<bdo>	Defines the text direction [文字顺序]
<blockquote>	Defines a long quotation [长引文]
<q>	Defines a short quotation [短引文]
<cite>	Defines a citation [引证]
<dfn>	Defines a definition term [定义的期限]

---

Computer Joke
笑话

Customer: I don't have a '7' key.
[我没有7这个键]
Support: It's between the '6' and '8' key.
[它在6和8之间]
Customer: I don't have a '7' key.
[我没有7]
Support: Do you see the '1' key?
[你看到1这个键了吗？]
Customer: Yes.
[是的]
Support: What's to the right of that?
[它的右边是什么？]
Customer: '2'
Support: And further right?
[再右边呢？]
Customer: '3', '4', '5', '6'
Support: What's the next key?
[再右呢？]
Customer: '8'
Support: It should be to the left of the '8'
[它应该在8的左边]
Customer: Oh, that '7' key?
[哦，那是7吗？]

评论 (0) All

登陆 | 还没注册？