<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form><!--form代表表单-->
<!--标签名<input>//插入的意思-->
用户名：<input type="text" value="请输入用户名" id="input"><!--value：text这个文本框的值，具有的值是由用户在框内填写的。-->
密码：<input type="password"><!--password是可以输入的加密文本框-->
<input type="radio" value="" name="salary">5000
<input type="radio" value="" name="salary">8000
<input type="checkbox" name="like">游泳
<input type="checkbox" name="like">爬山
<input type="checkbox" name="like">旅游
<!--无论单选和多选，都要将选择项放入同一个name类别下。才能发挥选择类型作用。-->
<input type="button" value="获取" onclick="ab()">
<input type="botton" value="按钮" cnclick="ab()">
<!--单纯的按钮，不结合js就不会发生作用。-->
<input type="submit" value="确认"><!--该页面有刷新页面的功效。-->
<input type="reset" value="重置">
<input type="image" src="图片位置"><!--图片按钮依然具有刷新页面的效果和submit功能相同-->
<input type="file"><!--file上传附件类型-->
<input type="hidden"><!--hidden隐藏类型-->
<select>
<option>--请选择省份--</option>
<option selected>北京</option><!--selected是指默认制定的选项-->
<option>上海</option>
<option>天津</option>
<option>河南</option>
</select>
</form>
<ul class="nav"><!--ul是无序列表-->
<li><a href="#1">星期一</a></li>
<li class="list"><a href="#1">星期二</a>
<ul class="subnav">
<li><a href="#1">星期一</a></li>
<li><a href="#1">星期二</a></li>
<li><a href="#1">星期三</a></li>
<li><a href="#1">星期四</a></li>
<li><a href="#1">星期五</a></li>
</ul>
</li>
<li><a href="#1">星期三</a></li>
<li><a href="#1">星期四</a></li>
<li><a href="#1">星期五</a></li>
</ul>
<ol><!--ol是有序列表-->
<li><a href="#1">星期一</a></li>
<li><a href="#1">星期二</a></li>
<li><a href="#1">星期三</a></li>
<li><a href="#1">星期四</a></li>
<li><a href="#1">星期五</a></li>
</ol>
<dl><!--dl是自定义列表-->
<dt><img src="G:\etrtg\udffh\110.jpg"></dt>
<dd>下文的价格</dd>
</dl>
<table border="1" width="500" height="300"align="center">
<tr>
<td>1</td>
<td>2</td>
<td rowspan="3">3</td> <!--rowspan是指竖行-->
</tr>
<tr>
<td colspan="2">1</td> <!--colspan是指横列-->
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
</table>
<!--table:表格
现在主要是用来制作网页中的表格类型的内容。
我们现在主要学习四个标签：
1，table标签圈定了表格的内容范围。
2，tr主要制作表格中的一行。
3，td写在tr标签里面，形成一个单元格。
4，表格的标题标签：caption它写在table里面，tr外面。-->
<form>
用户名：<input type="text" value="请输入用户名" id="input"><!--value：text这个文本框的值，具有的值是由用户在框内填写的。-->
密码：<input type="password"><!--password是可以输入的加密文本框-->
<input type="radio" value="" name="salary">5000
<input type="radio" value="" name="salary">8000
<input type="checkbox" name="like">游泳
<input type="checkbox" name="like">爬山
<input type="checkbox" name="like">旅游
<!--无论单选和多选，都要将选择项放入同一个name类别下。才能发挥选择类型作用。-->
<input type="button" value="获取" onclick="ab()">
<input type="botton" value="按钮" cnclick="ab()">
<!--单纯的按钮，不结合js就不会发生作用。-->
<input type="submit" value="确认"><!--该页面有刷新页面的功效。-->
<input type="reset" value="重置">
<input type="image" src="图片位置"><!--图片按钮依然具有刷新页面的效果和submit功能相同-->
<input type="file"><!--上传附件类型-->
<input type="hidden"><!--隐藏类型-->
<select>
<option>--请选择省份--</option>
<option selected>北京</option><!--selected是指默认制定的选项-->
<option>上海</option>
<option>天津</option>
<option>河南</option>
</select>
<textarea></textarea><!--textarea代表能拉伸的表格-->
</form>
</body>
</html>
