论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{XHTML}HTML初级教程综合应用

文章类别:div+css布局 | 发表日期:2008-9-26 11:42:21

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

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

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

div css xhtml xml Example Source Code 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中级教程了。
上一篇:{XHTML}HTML中级教程表格 人气:2148
下一篇:{XHTML}HTML中级教程span和div标签 人气:2734
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058