作业总结（链接、路径、表格）

链接的跳转

 <h2>欢迎访问详情页</h2>
    <a href="index.html">首页</a> &nbsp;&nbsp;
    <a href="list.html">列表页</a> &nbsp;&nbsp;
    <a href="detail.html">详情页</a>&nbsp;&nbsp;
    <a href="product.html">产品页</a>&nbsp;&nbsp;
    <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>

<! – 为什么空隙那么小？–>
<! – 加上空格&nbsp ;和换行< 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>