第三天WEB

<img src="images/2.jpg" width="200" /><!-- 这是下一级路径 -->

<!-- 无序列表 -->     
 <ul>
         <li> 王昭君</li>
		 <li> 西施</li>
		 <li> 真真</li>
 </ul>
<!-- 有序列表 -->
<ol>
		<li>1</li>
		<li>2</li>
		<li>3</li>

</ol>

<!-- 自定义列表 -->
<dl>
		<dt>学科</dt>
		<dd>语文</dd>
		<dd>数学</dd>
		<dd>英语</dd>
</dl>

<!-- 表格属性 -->
<table width="500" height="300" border="1" cellspacing="0" cellpadding="0" align="center">
<!-- 表格标签 是一个四方块盒子 -->
<caption>俺是表格大标题</caption>

<thead>   <!-- 表格的头部 -->
<tr>    <!--  行标签 -->
		<th>姓名</th>      <!-- 表头标签 -->
		<th>性别</th>
		<th>年龄</th>
</tr>
</thead>
<tbody>     <!-- 表格的身体 -->
<tr>
		<td>马云</td>     <!-- 单元格标签 -->
		<td>男</td>
		<td rowspan="2"> 55 </td> <!-- 跨行合并单元格 -->
</tr>
<tr>
		<td>马化腾</td>
		<td>男</td>
		
</tr>
<tr>
		<td>我</td>
		<td colspan="2">合并后的单元格</td><!-- 跨列合并单元格 -->
</tr>
</tbody>
</table>

<label> 用户名:<input type="text" value="请输入您的名字"> </label><br />   <!-- value 默认值  -->  <!-- 2. 用label 直接包裹input就行了 --> 

<label for="two"> 用户名:<input type="text" value="请输入您的名字" /> <input type="text" value="请输入您的名字" id="two" /> </label><br />
<!-- 如果label里面有多个表单，想定位到某个 可以通过for id 的形式  实现 -->

密&emsp;码:<input type="password"  maxlength="6" /> <br />  <!-- 密码框 -->
性&emsp;别:<input type="radio" name="sex" />女
<input type="radio" name="sex" />男
 <!-- 单选框  如果是一组，我们用相同的name值来实现  -->
爱&emsp;好:<input type="checkbox"  checked="checked" />足球
   <!-- checked="checked" 默认选中 -->
<input type="checkbox"  />篮球
<input type="checkbox"  />棒球
     <!-- 复选框 可以同时选择多个 -->

     搜索： <input type="button" value="搜索啥" />   <!--  普通按钮-->
     <input type="submit" value="提交表单" />
     <!-- 提交按钮 -->
     <input type="reset" value="重置表单" />
     <!-- 重置按钮 -->
     <input type="image" src="3.jpg"  width="100" />
     <!-- 图像按钮 --><br /> 
	上传头像<input type="file" />
     <!-- 上传按钮 -->