1-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第一个网页</title>
</head>
<body text="blue">
hello,<b>world</b>
<hr size="5px" align="left" color="red" width="50%">
</body>
</html>
2-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文字网页</title>
</head>
<body>
<h2 align="center">唐诗欣赏</h2>
<hr width="100" color="#00ffee" size="1">
<p align="center"><b><front size="3">静夜思</front></b></p>
<p align="center">
<front size="2">李白</front><br/><br/>
<b>床前明月光，<br/> 疑是地上霜。 <br/>
<b>举头望明月，<br/> 低头思故乡。 <br/>
</b>
</p>
<hr width="100" size="1" color="#00fffee"/>
<p>
<b>【简介】</b>这是写思乡之情的诗，诗以明白如画的语言雕琢出明镜罪人的秋夜滤镜。
</p>
<hr width="400" size="3" color="00ee99" align="left"/>
<address> E-mail:[email protected]</address>
</body>
</html>
3-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>有序列表与无序列表</title>
</head>
<body>
<b>班级新闻</b>
<ul type="disc">
<li>最新课表</li>
<li>关于普通话考试的通知</li>
<li>关于五一节放假的通知</li>
</ul>
<hr width="100%" size="1" color="pink">
<strong>报名</strong>
<ol type="A">
<li>报名时间：3月16-21日</li>
<li>报名地点：所在院系办公室</li>
<li>报名费用：按物价局规定85元/人/次（含培训费用），报名时角</li>
</ol>
</body>
</html>
4-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超链接页面</title>
</head>
<body>
<h4>超链接标签的使用</h4>
<a href="http://www.mount-tai.com.cn/nature.shtml">泰山风景介绍</a>
<hr width="100%" size="1" color="pink">
<h4>图片链接标签的使用</h4>
<a href="http://www.mount-tai.com.cn/nature.shtml">
<img src="image=/taishan.jpg" width="80px" height="80px" alt="单击该图片">
</a>
<br/>泰山风景介绍
</body>
</html>
5-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格标签举例</title>
</head>
<body>
<table width="70%" border="1" align="center">
<tr><th colspan="3">期中成绩表</th></tr>
<tr><th>姓名</th><th>语文</th><th>数学</th></tr>
<tr><td>张三</td><td colspan="2" >100</td></tr>
<tr><td>李四</td><td>98</td><td>43</td></tr>
<tr><td>王晓雅</td><td rowspan="2">97</td><td>78</td></tr>
<tr><td>成大才</td><td>94</td></tr>
</table>
</body>
</html>
6-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学生信息注册页面</title>
</head>
<body>
<h3 align="center">学生信息注册</h3>
<form name="stu" action="">
<table>
<tr><td>姓名：</td><td><input type="text" name="stuName"></td></tr>
<tr><td>性别：</td>
<td><input type="radio" name="stuSex" checked="checked">男
<input type="radio" name="stuSex" checked="checked">女
</td>
</tr>
<tr><td>出生日期</td>
<td><input type="text" name="stuBirthday"></td>
<td></td>
</tr>
<tr><td>学校：</td><td><input type="text" name="stuSchool"></td></tr>
<tr><td>专业：</td>
<td><select name="stuSelect2">
<option>网络工程</option>
<option>物联网工程</option>
<option>应用数学</option>
</select>
</td>
</tr>
<tr><td>体育特长：</td>
<td colspan="2">
<input type="checkbox" name="stuCheck">篮球
<input type="checkbox" name="stuCheck">足球
<input type="checkbox" name="stuCheck">排球
<input type="checkbox" name="stuCheck">游泳
</td></tr>
<tr><td>上传照片：</td><td colspan="2"><input type="file"></td></tr>
</table>
</form>
</body>
</html>
7-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>插入图片</title>
</head>
<body>
小鸭子<img src="image/xy.gif" alt="小鸭子" width="200" height="100" align="left">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面菜单</title>
</head>
<body><br><br><br>
<p><a href="ch02_7_imgTag.html" target="right">图像显示</a></p>
<p><a href="ch02_7_viwTag.html" targtet="left">视频播放</a></p>
<p><a href="ch02_7_soundTag.html" target="right">音乐播放</a></p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>多媒体播放系统</title>
</head>
<framest rows="80,*">
<framest src="ch02_7_top.html" name="top" scrolling="no">
<framest cols="140,*">
<framest src="ch02_7_left.html" name="left" scrolling="no">
<framest src="ch02_7_left.html" name="right" scrolling="auto">
</framest>
</framest>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>信息显示页面</title>
</head>
<body background="image/2.jpg">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>音乐无线</title>
</head>
<body><br><br>
<h2 align="center">笔记</h2>
<img align="left" src="image/歌手Z.jpg" width="200" height="200"alt="歌手.歌手z">
<bgsound src="image/笔记.mp3" loop="1">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<body><center><h1>多媒体播放系统</h1></center>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>插入视频</title>
</head>
<body>
backkom 熊<br><br>
<img dynsrc="image/Backkom.wmv" loop="3">
</body>
</html>
8-
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>基于HTML5的表单设计和自动效验</title>
</head>
<body>
<from action="">
<table border="0" align="center" width="800">
<tr><td colspan="3" align="center" height="40" >填写注册信息</td>
</tr>
<tr><td align="right" >用户名：*</td>
<td><input type="text" name="userName" placeholder="请输入真实姓名" pattern="^{a-AZ}\W{2,7}">
</td>
</tr>
<tr>
<td align="right">密码：*</td>
<td><input type="password" name="usePwd" required pattern="\d{6}" title="必须输入6个字" autofocus="autofocus">
</td>
<td>设置登陆密码,6位数字！</td>
</tr>
<tr>
<td align="right">确认密码：*</td>
<td><input type="password" name="usePwd1" required/></td>
<td>请再输入一次密码</td>
</tr>
<tr>
<td align="right">性别：*</td>
<td><input type="radio" name="userSex" value="男" checked/>男
<input type="radio" name="userSex" value="女" checked/>女</td>
<td>请选择你的性别！</td>
</tr>
<tr>
<td align="right">联系电话：*</td>
<td><input type="number" name="useTel" required/></td>
<td>请填写你的常用电话便于联系！</td>
</tr>
<tr>
<td align="right">年龄：*</td>
<td><input type="number" min="18" max="30" name="userAge1" required/></td>
<td>请填写你的年龄！</td>
</tr>
<tr>
<td align="right">出生日期：*</td>
<td><input type="date" name="userDate" required/></td>
</tr>
<tr>
<td align="right" valign="top">基本情况：</td>
<td colspan="2">
<textarea name="ueserBasocInfo" rows="5" cols="50"></textarea></td>
</tr>
<tr>
<td colspan="3" align="left" height="40">
<input type="checkbox" name="accept" value="yes"/>
我已经接受</td>
</tr>
<tr>
<td colspan="3" align="center" height="50">
<input type="submit" value="确认"/>&nusp;
<input type="reset" value="取消"/></td>
</tr>
</table>
</from>
</body>
</html>