<html>
<head>
<title>个人信息填写</title>
</head>
<body>
<font size="5" face="楷体" color="black"><center>个人信息填写</center></font>
<form method="post" action="2.asp">
<table align="center" border="1" bordercolor="pink" width="50%"
cellpadding="1" cellspacing="0">
<tr>
<td align=right>学号:</td>
<td><input type="text" name="XH"></td>
<td align=right>姓名:</td>
<td><input type="text" name="XM"></td>
</tr>
<tr>
<td align="right">年龄:</td>
<td><select name="age">
<option calue="12-18" selected>12-18岁
<option calue="18-24">18-24岁
</select>
</td>
<td align=right> 性别:</td>
<td><input type="radio" name="gender" checked>男 <input type="radio" name="gender" >女</td>
</tr>
<tr>
<td align="right">政治面貌:</td>
<td>
<input type="radio" name="face" >群众
<input type="radio" name="face" >党员
<input type="radio" name="face" >民主党派
</td>
<td align="right" >籍贯:</td>
<td><input type="text"></td>
</tr>
<tr>
<td align="right">家庭住址:</td>
<td colspan="3"><input type="text"></td>
</tr>
<tr>
<td align="right">兴趣爱好:</td>
<td colspan="3"><input type="checkbox" name="favor1">运动
<input type="checkbox" name="favor2">音乐
<input type="checkbox" name="favor3">宅男
</td>
</tr>
<tr>
<td align="right">个人介绍:</td>
<td colspan="3"><textarea name="into" cols="60" rows="5"></textarea></td> </tr>
<tr>
<td colspan="4">
<center><input type="submit" name="B1" value="提交">      <input type="reset" name="B2" value="重置"></center>
</td>
</tr>
</table>
</form>
</body>
</html>
第二篇：网页设计HTML代码教程
<dd>纽约 </dd>
</dl>
</body>
</html>
此例在浏览器中的显示如下:
中国城市
北京
上海
广州
美国城市
华盛顿
芝加哥
纽约
5.<ol></ol><ul></ul><li></li>
<ol></ol>标志对用来创建一个标有数字的列表；<ul></ul>标志对用来创建一个标有圆点的列表；<li></li>标志对只能在<ol></ol>或<ul></ul>标志对之间使用，此标志对用来创建一个列表项，若<li></li>放在<ol></ol>之间则每个列表项加上一个数字，若在<ul></ul>之间则每个列表项加上一个圆点。请看下边的例子：
例3 标有数字或圆点的列表
<html>
<head>
<title></title>
</head>
<body text="blue">
<ol>
<p>中国城市 </p>
<li>北京 </li>
<li>上海 </li>
<li>广州 </li>
</ol>
<ul>
<p>美国城市 </p>
<li>华盛顿 </li>
<li>芝加哥 </li>
<li>纽约 </li>
</ul>
</body>
</html>
此例在浏览器中的显示如下:
中国城市
1. 北京
2. 上海
3. 广州
美国城市
? 华盛顿
一中讲过的十六进制RGB颜色码或Html语言给定的颜色常量名。具体用法请看下边综合的例子。
例4 文本标志的综合示例
<html>
<head>
<title>文本标志的综合示例</title>
</head>
<body text="blue">
<h1>最大的标题</h1>
<h3>使用h3的标题</h3>
<h6>最大的标题</h6>
<p><b>黑体字文本</b> </p>
<p><i>斜体字文本</i> </p>
<p><u>下加一划线文本</u> </p>
<p><tt>打字机风格的文本</tt></p>
<p><cite>引用方式的文本</cite></p>
<p><em>强调的文本</em></p>
<p><strong>加重的文本</strong></p>
<p><font size="+1" color="red">size取值“+1”、color取值“red”时的文本</font></p> </body>
</html>
本例在浏览器中显示的结果如下：
最大的标题
使用h3的标题
最大的标题
黑体字文本
斜体字文本
下加一划线文本
打字机风格的文本
引用方式的文本
强调的文本
加重的文本
size取值“+1”、color取值“red”时的文本
返回
教 程 >> HTML >> 图像标志
教程四、图像标志
1.<img>
2.<hr>
再简单朴素的网页如果只有文字而没有图像的话将失去许多活力，图像在网页制作中是非常重要的一个方面，Html语言也专门提供了<img>标志来处理图像的输出。
1.<img>
<img>标志并不是真正地把图像给加入到Html文档中，而是将标志对的src属性赋值，这个值是图形文件的文件名，当然包括路径，这个路径可以是相对路径，也可以是网址。实际上就是通过路径将图形文件嵌入到您的文档中。您可能并不知道什么是相对路径，我现在就来讲一讲相对路径。所谓相对路径是指您所要链接或嵌入到当前Html文档的文件与当前文件的相对位置所形成的路径。假如您的Html文件与图形文件(文件名假设是logo.gif)在同一个目录下，则可以将代码写成<img src="logo.gif">；假如您的图形文件放在当前的Html文档所在目录的一个子目录(子目录名假设是images)下，则代码应为<img src="images/logo.gif">；假如您的图形文件放在当前的Html文档所在目录的上层目录(目录名假设是home)下，则相对路径就必须是准网址了，即用“../”表示您的网站，然后在后边紧跟文件在您的网站中的路径，假设home是您的网站下的一个目录，则代码应为<img src="../home/logo.gif">，若home是您的网站下的目录king下边的一个子目录，则代码应该变为<img src="../king/home/logo.gif">了。现在您对相对路径应该有所了解了吧！
必须强调一下，src属性在<img>标志中是必须赋值的，是标志中不可缺少的一部分。除此之外，<img>标志还有alt、align、border、width和height属性。align是图像的对齐方式，在前边的教程中已经讲了很多了，这里就不再提了。border属性是图像的边框，可以取大于或者等于0的整数，默认单位是像素。width和Height属性是图像的宽和高，默认单位也是象素。alt属性是当鼠标移动到图像上时显示的文本。
2.<hr>
<hr>标志是在Html文档中加入一条水平线，它可以直接使用，具有size、color、width和noshade属性。size是设置水平线的厚度，而width是设定水平线的宽度，默认单位是像素。想必大家对color属性已经很熟悉了，在此就不再用多讲。noshade属性不用赋值，而是直接加入标志即可使用，它是用来加入一条没有阴影的水平线(不加入此属性水平线将有阴影)。
下面是本教程的一个综合例子。
例5 图像标志举例
<html>
<head>
<title>图像标志的综合示例</title>
<tr></tr>标志对用来创建表格中的每一行。此标志对只能放在<table></table>标志对之间使用，而在此标志对之间加入文本将是无用的，因为在<tr></tr>之间只能紧跟<td></td>标志对才是有效的语法，<td></td>标志对用来创建表格中一行中的每一个格子，此标志对也只有放在<tr></tr>标志对之间才是有效的，您想要输入的文本也只有放在<td></td>标志对中才有效(即才能够显示出来)。<table></table>、<tr></tr>和<td></td>标志对的关系如下所示：
最外层,创建一个表格-->
创建一行-->
创建一个格子(这里总共创建了三个格子)--> <table>
<tr>
</tr> <td>要输出的文本只能放在此处</td> <td>要输出的文本只能放在此处</td> <td>要输出的文本只能放在此处</td>
最外层--> </table>
此外，<tr>还有align和valign属性。align是水平对齐方式，取值为left(左对齐)、center(居中)、right(右对齐)；而valign是垂直对齐方式，取值为top(靠顶端对齐)、middle(居中间对齐)或bottom(靠底部对齐)。<td>具有width、colspan、rowspan和nowrap属性。width是格子的宽度，单位用绝对像素值或总宽度的百分比；colspan设置一个表格格子跨占的列数(缺省值为1)；rowspan设置一个表格格子跨占的行数(缺省值为1)；nowrap禁止表格格子内的内容自动断行。
3.<th></th>
<th></th>标志对用来设置表格头，通常是黑体居中文字。
看一看下边的例子就明白以上标志对的用法了。
例6 表格标志的综合示例
<html>
<head>
<title>表格标志的综合示例</title>
</head>
<body>
<table border="1" width="80%" bgcolor="#E8E8E8" cellpadding="2" bordercolor="#0000FF" bordercolorlight="#7D7DFF" bordercolordark="#0000A0">
<tr>
<th width="33%" colspan="2" valign="bottom">意大利</th>
<th width="36%" colspan="2" valign="bottom">英格兰</th>
<th width="36%" colspan="2" valign="bottom">西班牙</th>
</tr>
<tr>
<td width="16%" align="center">AC米兰</td>
<td width="16%" align="center">佛罗伦萨</td>
<td width="17%" align="center">曼联</td>
<td width="17%" align="center">纽卡斯尔</td>
<td width="17%" align="center">巴塞罗那</td>
<td width="17%" align="center">皇家社会</td>
</tr>
<tr>
<td width="16%" align="center">尤文图斯</td>
<td width="16%" align="center">桑普多利亚</td>
教 程 >> HTML >> 链接标志
教程六、链接标志
1.<a href=""></a>
2.<a name=""></a>
教程六的内容不是很多，而且很简单。链接是Html语言的一大特色，正因为有了它，我们对内容的浏览才能够具有灵活性和网络性。
1.<a href=""></a>
本标志对的属性href是无论如何不可缺少的，标志对之间加入需要链接的文本或图像(链接图像即加入<img src="">标志)。href的值可以是URL形式，即网址或相对路径，也可以是mailto:形式，即发送E-Mail形式。对于第一种情况，语法为<a href="URL"></a>，这就能创建一个超文本链接了，例如：
<a href="/">这是我的网站</a>
对于第二种情况，语法为<a href="mailto:EMAIL"></a>，这就创建了一个自动发送电子邮件的链接，mailto:后边紧跟想要制动发送的电子邮件的地址(即E-Mail地址)，例如：
<a href="mailto:xiaolida@263.net">这是我的电子信箱(E-Mail信箱)</a>
此外，<a href=""></a>还具有target属性，此属性用来指明浏览的目标帧，我们将在讲帧标志时作详细的说明，这里您只要知道如果不使用target属性，当浏览者点击了链接之后将在原来的浏览器窗口中浏览新的Html文档，若target的值等于“_blank”，点击链接后将会打开一个新的浏览器窗口来浏览新的Html文档。例如：
<a href="/" target="_blank">这是我的网站</a>
2.<a name=""></a>
<a name=""></a>标志对要结合<a href=""></a>标志对使用才有效果。<a name=""></a>标志对用来在Html文档中创建一个标签(即做一个记号)，属性name是不可缺少的，它的值也即是标签名，例如：
<a name="标签名">此处创建了一个标签</a>
创建标签是为了在Html文档中创建一些链接，以便能够找到同一文档中的有标签的地方。要找到标签所在地，就必须使用<a href=""></a>标志对。例如要找到“标签名”这个标签，就要编写如下代码：
<a href="#标签名">点击此处将使浏览器跳到“标签名”处</a>
注意：href属性赋的值若是标签的名字，必须在标签名前边加一个“#”号。
下面是本教程的一个综合示例：
例7 链接标志的综合示例
<html>
<head>
<title>链接标志的综合示例</title>
</head>
<body>
<p align="center" style="font-size:9pt;color:yellow;background:black"><br>
<a name="Top"><font color="red">创建标签处</font></a><br>
<br>
<br>
欢迎想要学习网页制作的同学访问我的网站<br>
<a href="/" target="_blank"><font color="lime">/</font><br>
<br>
<img src="/image/logo.jpg"
alt="欢迎访问"网页制作"" border="0" width="468" height="60"></a><br>
<br>
本网站的主要内容<br>
<br>
<a href="index_Html.htm" target="_blank">Html教程</a><br>
<br>
<a href="../DHtml/index_DHtml.htm" target="_blank">动态Html教程</a><br>
<br>
<a href="../ASP/index_ASP.htm" target="_blank">ASP教程</a><br>
<br>
JavaScript教程<br>
<br>
VBScript教程<br>
<br>
<a href="../yqlj/yqlj.htm" target="_blank">友情链接</a><br>
<br>
我要留言<br>
<br>
作者介绍<br>
<br>
<br>
欢迎给我来信，我的E-Mail是：
<a href="mailto:xiaolida@263.net"><font color="lime">xiaolida@263.net</font></a><br>
<br>
<a href="#Top"><font color="lime">点击此处回到标签处</font></a><br>
<br>
</p>
</body>
</html>
本例在浏览器中显示的结果如下：
返回
教 程 >> HTML >> 帧标志
教程七、帧标志
1.<frameset></frameset>
2.<frame>
3.<noframes></noframes>
帧是由英文Frame翻译过来的，它可以用来向浏览器窗口中装载多个Html文件。即每个Html文件占据一个帧，而多个帧可以同时显示在同一个浏览器窗口中，它们组成了一个最大的帧，也即是一个包含多个Html文档的Html文件(我称它为主文档)。帧通常的使用方法是在一个帧中放置
下边是一个综合示例：
例8 帧标志的综合示例
主文档：
<html>
<head>
<title>帧标志的综合示例</title>
</head>
<frameset cols="25%,*">
<frame src="menu.htm" scrolling="no" name="Left"> <frame src="page1.htm" scrolling="auto" name="Main"> <noframes>
<body>
<p>对不起，您的浏览器不支持“帧”！</p>
</body>
</noframes>
</frameset>
</html>
menu.htm
<html>
<head>
<title>目录</title>
</head>
<body>
<p><font color="#FF0000">目录</font></p>
<p><a href="page1.htm" target="Main">链接到第一页</a></p> <p><a href="page2.htm" target="Main">链接到第二页</a></p> </body>
</html>
page1.htm
<html>
<head>
<title>第一页</title>
</head>
<body>
<p align="center"><font color="#8000FF">这是第一页！</font></p> </body>
</html>
page2.htm
<html>
教程九、声音标志
1.<bgsound>
2.<embed></embed>
想在主页中加入自己的声音吗?想让别人进入你的主页时听到一声亲切的问候或一段简要的介绍吗?那么快跟我来,轻松搞定,非常简单.
一般说来在主页中加入声音有三种方法，一是用<bgsound>标志加入背景音乐；二是用<embed>标志嵌入声音；另外一种则是用ActiveX控件中的ActiveMovie控件。第三种方法稍微复杂一些，在网页多媒体开发方面有一定的用处。我们在这里还是讲最常用的前两种吧。
1.<bgsound>
用<bgSound>标志加入背景音乐格式如下: <bgsound="你要加的音乐文件.wav" loop="播放的次数">其中loop属性为0时表示循环播放， 但bgsound标记只能适用于IE。有很多朋友使用FRONTPAGE做主页,只须在页面中点击右键,选择页面属性,选定背景乐就可以了。 其原理是使用bgsound标记。
2.<embed></embed>
用<embed>标志嵌入声音引用格式如下: <embed SRC=″你要加的音乐文件.wav″ WIDTH=145 HEIGHT=60>（该标志属性在文末有详细说明）。声音文件使用的是Windows的.wav或WWW的.au格式，但最适合做主页背景音乐的是以.mid为后缀的MIDI音乐文件。实际上<embed>>标志还可以引用如动画文件、VRML文件等。
现在我们来看一下怎样利用Windows自带的录音软件来录制你自己的声音。
接上话筒,在桌面控制面板上点击右键打开音量控制面板,去掉MICROPHPONE的静音（如下图）。如果没有MICROPHPONE的选项，可打开控制面板上选项中的属性，在MICROPHPONE的复选框上打勾。
再选择WINDOWS开始菜单程序中的附件，打开娱乐中的录音机,录制自己的声音(这就是放在主页中的声音了).你可以说一句"欢迎你来到我的主页"，录下来后,保存成WAVE格式的文件,放到网站中，再用第一步的方法加到主页中就可以了.
附：<EMBED>标记语法说明
SRC="文件名称和路径"：设置背景音乐的路径和名称；
AUTOSTART="TRUE/FALSE"：设置是否音乐文件一传完后就开始播放，默认为FALSE(否)
LOOP=" TRUE/FALSE/整数"：设置重播次数，TRUE为无限次重播，FALSE为不重播，LOOP=某个整数，为重播多少次。
VOLUME="0－100"：设置音量，默认为系统本身的音量；
STARTTIME="分：秒"：设置歌曲开始播放的时间，如STARTTIME="00：20"为从第20秒开始播放；
ENDTIME="分：秒"：设置歌曲播放结束的时间 ；
WIDTH和HIGH="整数"：设置控制面板的宽和高；
CONTROLS="CONSOLE/SMALLCONSOLE/PLAYBUTTON/PAUSEBUTTON/STOPBUTTON/VOLUMELEVER"：设置控制面板的外观 。CONSOLE为正常大小的面板，SMALLCONSOLE为较小的面板，PLAYBUTTON为显示播放按钮，PAUSEBUTTON为显示暂停按钮， STOPBUTTON为显示停止按钮，VOLUMELEVER为显示音量调节，若要隐藏控制面板可用HIDDEN=TRUE。