HTML初级教程综合应用_XHTML教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
假如你业已全部浏览HTML初级指南的全部页面,学习完毕初级指南,你事实上已经是一个能干的HTMLer了。

实际上,基于许多人编写HTML都相当差劲的事实,你应该做得比他们更好。

下面的代码把前面所教授的综合在一起了:

示例代码 [www.mb5u.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中级教程了。

来源:无忧整理//所属分类:XHTML教程/更新时间:2006-10-12
相关XHTML教程