学习使用了html中的teble标签制作表格
用的标签是<teble> </teble>标签 <tr></tr>标签 <td></td>标签 <div></div> 标签等等
html<head><meta charset="utf-8"><title>HTML标签作业之table</title> <style> .jiben { height: 40px; border-color: blanchedalmond; border-bottom: aqua; text-align: center; } .work{ color: chartreuse; font-size: 18px; } </style></head><body><table border="4" cellspacing="1" width="600px"><!-- cellspacing是单元格之间的距离 --> <tr> <td align="center" colspan="6" bgcolor="aquamarine"> <a href="" >这里是需要用到表格的背景色</a> </td> </tr> <tr class="jiben"> <td colspan="6"> <font size="25" color="crimson">—My基本资料—</font></td> </tr> <tr class="jiben" style="color: brown;"> <td>姓名：</td> <td>性别：</td> <td>年龄：</td> <td>身高：</td> <td>籍贯：</td> <td>出生日期：</td> </tr> <tr class="jiben"> <td>张三疯</td> <td>男</td> <td>99</td> <td>180CM</td> <td>中国XXXXX</td> <td>19XXXX年1月1日</td> </tr> <tr> <td colspan="2" style="color: brown;">毕业院校：</td> <td colspan="4">中国XXX大学</td> </tr> <tr> <td colspan="2" style="color: brown;">主修专业</td> <td colspan="4">太极拳</td> </tr> <tr> <td colspan="2" style="color: brown;">工作经验</td> <td>10年</td> <td colspan="2" style="color: brown;">期望年薪</td> <td>100W</td> </tr> <tr> <td colspan="2" style="color: brown;">有效证件</td> <td>身份证</td> <td colspan="2" style="color: brown;">证件号码</td> <td>31010**1234</td> </tr> <tr> <td colspan="6" bgcolor="aquamarine" align="center"> <a href="">这里是需要用到表格的背景色</a> </td> </tr></table><hr/><table border="6" cellspacing="0" width="600px"> <tr> <td align="center" colspan="6" bgcolor="coral"> <a href="" >这里是用另外一个table做的</a> </td> </tr> <tr class="jiben"> <td colspan="4"> <font size="25" color="crimson">—求职意向—</font></td> </tr> <tr class="jiben" style="color: brown;"> <td colspan="2" >寻求职位：</td> <td colspan="2">会打太极拳</td> </tr> <tr class="jiben"> <td >上班地点</td> <td>北京</td> <td>薪资待遇</td> <td>年薪制</td> </tr> <tr> <td style="color: brown;">自我评价：</td> <td colspan="3">我会打太极拳我会打太极拳我会打太极拳 我会打太极拳我会打太极拳我会打太极拳 </td> </tr> <tr> <td colspan="4" bgcolor="bisque" align="center"> <a href="">这里是需要用到表格的背景色</a> </td> </tr> <tr> <td>教育经历</td> </tr> <tr> <td>教育时间</td> <td>就读院校</td> <td>专业</td> <td>学历</td> </tr> <tr> <td>19XX年-19XX年</td> <td>北洋船政</td> <td>水手</td> <td>舵手</td> </tr> <tr> <td colspan="4" bgcolor="chartreuse" align="center"><a href="" style="color: cornflowerblue;">这里是工作经历</a></td> </tr> <tr class="work"> <td>就职公司</td> <td>中国邮政</td> <td>所属行业</td> <td>快递</td> </tr> <tr class="work"> <td>就职时间</td> <td>2XXX年</td> <td>就职岗位</td> <td>司机</td> </tr> <tr class="work"> <td>公司性质</td> <td>物流</td> <td>就职部门</td> <td>审核员</td> </tr> <tr> <td> <strong>工作情况</strong> <h6>右侧是文本框</h6> </td> <td colspan="3"> <textarea rows="10" cols="50">工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，工作期间认真负责，具有团队协作精神，吃苦耐劳，</textarea> </td> </tr> <tr class="work"> <td>联系电话</td> <td>1895XXXXX555</td> <td>电子邮箱</td> <td>12XXX3@qq.com</td> </tr></table><hr ><h4>用户注册或者登录</h4> <form action="reg" method="post"> <div id=" 1"> 用户名：<input type="text" name="user_name" id="" value="" placeholder="只能使用字母作为用户名" /> </div> <div id="2"> 密码区：<input type="password" name="pass_wd" id="" value="" placeholder="长度大于8位的数字和字母的组合"/> </div> <div id="3"> 邮箱号：<input type="email" name="e_mail" id="" value="@qq.com" /> </div> <div id="4"> 你多大：<input type="number" name="age" id="" value="" placeholder="必须是大于18岁"/> </div> <div id="5"> 过生日：<input type="date" name="shengri" id="" value="" /> </div> <div id="6"> 喜好： <input type="checkbox" name="" id="" value=""/><label for="">跑步</label> <input type="checkbox" name="" id="" value=""/><label for="">游泳</label> <input type="checkbox" name="" id="" value=""/><label for="">瑜伽</label> </div> <div id="7"> 选择课程： <select name="选择课程："> <option value="">体育</option> <option value="">舞蹈</option> <option value="">美术</option> </select> </div> <div id="8"> 性别：<input type="radio" name="" id="" value="" checked=""/><label for="">男</label> <input type="radio" name="" id="" value=""/><label for="">女</label> <input type="radio" name="" id="" value=""/><label for="">保密</label> </div> <!-- <input type="submit" value="登录"/> --> <br> <button type="button">登录</button> <input type="submit" value="注册"/> </form></body>
