<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <table border="1" cellspacing="0" cellpadding="1" width="50%" height="618px"> <tr> <td width="50px" align="center">姓名</td> <td width="50px"></td> <td width="50px" align="center">性别</td> <td width="50px"></td> <td width="50px" align="center">出生年月</td> <td width="50px"></td> <td width="50px"rowspan="4"></td> </tr> <tr> <td align="center">民族</td> <td></td> <td align="center">政治面貌</td> <td></td> <td align="center">身高</td> <td></td> </tr> <tr> <td align="center">学制</td> <td></td> <td align="center">学历</td> <td></td> <td align="center">户籍</td> <td></td> </tr> <tr> <td align="center">专业</td> <td></td> <td colspan="2" align="center">毕业院校</td> <td colspan="2"></td> </tr> <tr> <td colspan="7" align="center"><b>技能、特长或爱好</b></td> </tr> <tr> <td align="center">外语等级</td> <td colspan="2"></td> <td align="center">计算机</td> <td colspan="3"></td> </tr> <tr> <td align="center" colspan="7"><b>个人履历</b></td> </tr> <tr> <td align="center">时间</td> <td align="center" colspan="2">单位</td> <td align="center" colspan="4">经历</td> </tr> <tr> <td align="center">2002年4月</td> <td colspan="2"></td> <td colspan="4"></td> </tr> <tr> <td align="center">2003年3月</td> <td colspan="2"></td> <td colspan="4"></td> </tr> <tr> <td align="center">2003年8月</td> <td colspan="2"></td> <td colspan="4"></td> </tr> <tr> <td align="center" colspan="7"><b>联系方式</b></td> </tr> <tr> <td align="center" >通讯地址</td> <td colspan="3"></td> <td align="center" >联系方式</td> <td colspan="2"></td> </tr> <tr> <td align="center" >E-mail</td> <td colspan="3"></td> <td align="center" >邮编</td> <td colspan="2"></td> </tr> <tr> <td colspan="7" align="center" height="50"><b>自我评价</b></td> </tr> </table> <form action="http://www.baidu.com" method="get" target="_self"> <!--文本类--> 文本框：<input type="text" name="" id="" value=""/><br /> 密码框：<input type="password" name="" id="" value="" /><br /> 隐藏框：<input type="hidden" name="" id="" value=""/> <br /> 文本域：<textarea name="" rows="" cols=""></textarea><br /> <!--按键类--> <input type="button" name="" id="" value="普通按钮" /><br /> <input type="reset" name="" id="" value="重置" /><br /> <input type="submit" name="" id="" value="提交" /><br /> <input type="image" src="../0426_1_html.png" name="" id="" value="图片按钮" width="100" height="30" /> <!--选择类--> <!--单选--> <input type="radio" name="1" id="" value="nan" checked="checked" />男 <input type="radio" name="1" id="" value="nv" />女 <!--复选--> <input type="checkbox" name="h1" id="" value="" checked="checked"/>山东 <input type="checkbox" name="h2" id="" value=""/>四川 <input type="checkbox" name="h3" id="" value=""/>重庆 <input type="checkbox" name="h4" id="" value=""/>云南 <!--下啦--><!--默认selected--> <select > <option value="">撩妹</option> <option value="" selected="selected">网恋</option> <option value="">奔现</option> </select> <br /> <input type="file" name="" id="" value=""/> <br /> </body> </html>
一、img标签
src 引入图片的路径
width 图片的宽度
height 图片的高度
title 鼠标移上图片显示图片的标题
alt 图片加载不出来时显示内容
二、表格标签
table 表格
border 表格的边框 1
cellspacing 表格中行列之间的间距 0
cellpadding 内容与边框之间的间距 0
tr 行
td 列
width 列的宽度
height 列的高度
align 水平对齐 包括 center 中间 right 右 left 左
valign 竖直方向 包括 top 顶部 middle 中间 bottom 底部
bgcolor 背景颜色
rowspan 行合并
colspan 列合并
一、表单
1、<form></form>
2、action(行为)：指向跳转页面
3、method(方法)：以什么样的形式进行数据的提交
4、post：隐性提交 get：显性提交
5、traget:打开方式
6、_blank:新页面打开 _s