链接的跳转
<h2>欢迎访问详情页</h2>
<a href="index.html">首页</a>
<a href="list.html">列表页</a>
<a href="detail.html">详情页</a>
<a href="product.html">产品页</a>
<div>
<img src="../img/r1.jpg"/>
</div>
锚点链接
第1集<br>
<a href="#two">第2集</a><br>
<a href="#three">第3集</a><br>
第4集<br>
第5集<br>
<h3 id="two">第2集</h3>
<h3 id="three">第3集</h3>
<! – 为什么空隙那么小?–>
<! – 加上空格  ;和换行< br >使字数空隙变大 -->
<!- - 大家都喜欢用div盒子把图片和表格装起来 -->
路径
<!-- 相对路径 -->
<img src="E:\前端基础\前端作业\1\02-图片路径\image1\image2\image3\a.jpg"/>
<!-- 绝对路径 -->
<!-- <img src="E:\前端基础\前端作业\1\02-图片路径\image1\image2\image3\a.jpg"/> -->
表单(修改页面)
<form>
<table align="center" border="0" width="400">
<!-- 第一行 -->
<tr>
<td>姓名:</td>
<td><input type="text" value="jack"></td>
</tr>
<!-- 第二行 -->
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" checked="checked"id="women">
<label for="women">女士</label>
<input type="radio" name="sex" id="man">
<label for="man">男士</label>
</td>
</tr>
<!-- 第三行 -->
<tr>
<td>学历:</td>
<td>
<select>
<option>幼儿园</option>
<option>小学</option>
<option>大学</option>
</select>
</td>
</tr>
<!-- 第四行 -->
<tr>
<td>个人描述:</td>
<td><textarea cols="30" rows="3"></textarea></td>
</tr>
<!-- 第五行 -->
<tr>
<td></td>
<td><input type="checkbox" checked="checked">不要公开我的个人信息</td>
</tr>
<!-- 第六行 -->
<tr>
<td></td>
<td><input type="submit" value="保存"> <input type="reset" value="重置"></td>
</tr>
</table>
</form>
表格(类似简历)
<table align="center" border="1" width="850" height="800" cellpadding="3" cellspacing="0">
<!-- 第一行 -->
<tr>
<th align="center" colspan="6">......</th>
</tr>
<!-- 第二行 -->
<tr align="center">
<td>姓名</td>
<td>德莱厄斯</td>
<td>专业</td>
<td>嘉里敦屋里系</td>
<td colspan="5" rowspan="3"></td>
</tr>
<!-- 第三行 -->
<tr align="center">
<td>性别</td>
<td>男</td>
<td>毕业学校</td>
<td>瓦罗兰大陆诺克萨斯战争学院</td>
</tr>
<!-- 第四行 -->
<tr align="center">
<td>民族</td>
<td>平民</td>
<td>住址</td>
<td>诺克萨斯市政街西兰花公寓六栋六楼六号</td>
</tr>
<!-- 第五行 -->
<tr align="center">
<td>学历</td>
<td>小学二年级</td>
<td>邮箱</td>
<td>dles@163.com</td>
<td>联系方式</td>
<td>29392132904</td>
</tr>
<!-- 第六行 -->
<tr align="center">
<td>出生日期</td>
<td>瓦罗兰历三五八年独立日</td>
<td>电话</td>
<td>4008823823</td>
<td>邮编</td>
<td>710121</td>
</tr>
<!-- 第七行 -->
<tr align="center">
<td colspan="2">实习经历</td>
<td colspan="4"></td>
</tr>
</table>
< !-- 为什么教程的字体全部居中? -->
< !-- 在每一个tr后面添加align=“center” -->
表格2(纯表格)
<div>
<table border="1">
<tr>
<th>序号1</th> <th>设备类型</th> <th>设备厂商</th> <th>程序版本</th> <th>动态链接名称</th>
</tr>
<tr>
<td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td>
</tr>
<tr>
<td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td>
</tr>
<tr>
<td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td>
</tr>
<tr>
<td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td>
</tr>
</table>
</div>
<div>
<table border="1">
<tr>
<th>序号2</th> <th>设备类型</th> <th>设备厂商</th> <th>程序版本</th> <th>动态链接名称</th>
</tr>
<tr>
<td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td>
</tr>
<tr>
<td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td>
</tr>
<tr>
<td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td>
</tr>
<tr>
<td>名称111</td> <td>类型类型</td> <td>哈哈哈哈</td> <td>TXT</td> <td>yyylll</td>
</tr>
</table>
</div>