<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>
<pre>
这是
预格式文本。
它保留了 空格
和换行。
</pre>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>
2. 基本的注意事项 - 有益的提示当您写 HTML 文本的时候,你永远也没法确定这些文本在另一台显示器上是如何显示的。一些人使用大显示器,而另一些使用小的。当用户调整视窗的分辨率时,这些文本就会被重新格式化。所以不要通过在文本中添加空行和空格的办法在你的编辑器中格式化文本。
HTML 会裁掉文本中所有的空格。任何数量的空格都被按一个空格计数。另外,在 HTML 中,一个空行也被当作一个空格。
使用空的段落标记 <p> 去插入一个空行是个坏习惯。用 <br> 标签代替它!(但是不要用 <br> 标签去创建列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。)
您也许已经注意到了,在没有结束标签 </p> 的情况下,<p> 标签依然可以正常工作。不过不要这样做!下一个版本的 HTML 将不允许忽略任何的结束标签。
HTML 会自动地在某些元素前后添加一个额外的空行,比如段落、标题元素前后。
使用水平线 (<hr> 标签) 来分隔文章中的小节是一个办法(但并不是唯一的办法)。
3.name='John "ShotGun" Nelson'
4.<html>
<body>
<p>这是一个字符实体:¨</p>
<p>
您可以试着在编辑窗口用另一个数字(比如 169)代替 000,然后点击 TIY 按钮来查看结果。
</p>
</body>
</html>
5.
<html>
<body>
<p>
<a href="#C4">查看 Chapter 4。</a>
</p>
<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>
<h2><a name="C4">Chapter 4</a></h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 6</h2>
<p>This chapter explains ba bla bla</p>
</body>
</html>
6.<html>
<body>
<p>被锁在框架中了吗?</p>
<a href="/index.html"
target="_top">请点击这里!</a>
<p> 这是邮件链接:
<a href="mailto:
[email protected]?subject=Hello%20again">发送邮件</a>
</p>
</body>
</html>
7.<html>
<frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
<noframes>
<body>您的浏览器无法处理框架!</body>
</noframes>
</frameset>
</html>
8.<html>
<frameset cols="20%,80%">
<frame src="/example/html/frame_a.html">
<frame src="/example/html/link.html#C10">
</frameset>
</html><!---->