最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

综合在一起

日期:09-02    来源:HTMLDog|    作者:HTMLDog

 

如果你业已全部浏览HTML初级指南的全部页面,学习完毕初级指南,你事实上已经是一个能干的HTMLer了。

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

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

<!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初级指南了。