假如你业已全部浏览HTML初级指南的全部页面,学习完毕初级指南,你事实上已经是一个能干的HTMLer了。
实际上,基于许多人编写HTML都相当差劲的事实,你应该做得比他们更好。
下面的代码把前面所教授的综合在一起了:
Example Source Code
[www.21shipin.com]<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html>
<head>
<title>我的第一个网页</title>
<!-- 顺便说一下,这是注释 -->
</head>
<body>
<h1>我的第一个网页</h1>
<h2>这是什么</h2>
<p>用HTML组合起来的简单网页。 <strong>A用HTML组合起来的简单网页。</strong> 用HTML组合起来的简单网页。用HTML组合起来的简单网页。用HTML组合起来的简单网页。用HTML组合起来的简单网页。用HTML组合起来的简单网页。用HTML组合起来的简单网页。用HTML组合起来的简单网页。用HTML组合起来的简单网页。</p>
<h2>目的</h2>
<ul>
<li>学习HTML</li>
<li> 显摆,炫耀
<ol>
<li>向老板</li>
<li>向朋友</li>
<li>向我的小猫</li>
<li>给我脑中多嘴的小鸭子</li>
</ol></li>
<li>因为我已经爱上了我的电脑,我想给她点HTML爱情调料。</li>
</ul>
<h2>在哪里可以找到教程</h2>
<p><a href=\"http://www.google.com\"><img src="http://www.google.com/intl/zh-CN_ALL/images/logo.gif" width=\"88\" height=\"31\" alt=\"Neo1 logo\" /></a></p>
<h2>一些随意的表单</h2>
<table border=\"1\">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
<td>Row 1, cell 3</td>
</tr>
<tr>
<td>Row 2, cell 1</td>
<td>Row 2, cell 2</td>
<td>Row 2, cell 3</td>
</tr>
<tr>
<td>Row 3, cell 1</td>
<td>Row 3, cell 2</td>
<td>Row 3, cell 3</td>
</tr>
<tr>
<td>Row 4, cell 1</td>
<td>Row 4, cell 2</td>
<td>Row 4, cell 3</td>
</tr>
</table>
<h2>一些随意的表单</h2>
<p><strong>注重:</strong> 看起来似乎很重要的部分,但实际上什么都不做</p>
<form action=\"somescript.php\" method=\"post\">
<p>名字:</p>
<p><input type=\"text\" name=\"name\" value=\"你的名字\" /></p>
<p>评论:</p>
<p><textarea rows=\"10\" cols=\"20\" name=\"comments\">在这里写下你的评论</textarea></p>
<p>你是:</p>
<p><input type=\"radio\" name=\"areyou\" value=\"male\" /> 男性</p>
<p><input type=\"radio\" name=\"areyou\" value=\"female\" /> 女性</p>
<p><input type=\"radio\" name=\"areyou\" value=\"hermaphrodite\" /> 双性</p>
<p><input type=\"radio\" name=\"areyou\" value=\"asexual\" checked=\"checked\" /> 无性</p>
<p><input type=\"submit\" /></p> <p><input type=\"reset\" /></p>
</form>
</body>
</html>
就这样。保存文件,然后在浏览器中查看──这是理解所有工作原理的最好方法。继续吧!
感到满足的话,你可以继续学习CSS中级教程了。