标签与表格
bgcolor 页面背景色 text 文字颜色
topmargain 上页边距 leftmargain 左页边距
rightmargain 右页边距 bottomargain 下页边距
background 背景壁纸   空格
</br> 回车换行
格式控制标签:
<font></font> 控制文字颜色、大小。
<b></b> 文字加粗方式1,b标签
<strong></strong> 文字加粗方式2 strong标签
<i></i> 文字倾斜方式1,i标签
<em></em> 文字倾斜方式2,em标签
<u></u> 下划线
<center></center> center标签,居中,默认前面或后面若有其他,直接进行上下换行,保证自身所包含的内容单独存在,然后执行居中
内容容器标签:
<p></p> p标签,段落标签,若前后有其他,执行上下换行,并空开一行
<div></div> div层标签,默认占用一行
<span></span> span层标签,默认使用多少,占用多少
<ol> 有序列表
<li></li> 默认自带序号
<li></li> 默认自动换行
<li></li> 默认前后若有其他,执行上下换行,并空开一行
</ol>
<ul> 无序列表
<li></li> 默认不自带序号
<li></li> 默认自动换行
<li></li> 默认前后若有其他,执行上下换行,并空开一行
</ul>
<h1></h1> h1到h6标签,标题控制标签
<h2></h2> 重要性一次减小
<h3></h3> 默认自动换行
<h4></h4> 默认上下空开一行
超链接标签:
<a href="(网址)"></a>
<img src="(图片地址)" width="" height="" alt="(图片显示不出是的文字)"/>
表格:
<table width="" height="" cellpadding="0" cellspacing="0" border="1">(表格标签)
<tr>(行标签)
<td></td>(列标签) colspan="" 横向向右拓展
</tr> rowspan="" 纵向向下拓展
</table>
设置锚点:
<a name="top"></a>
<a href="#top">返回最顶端</a>
制作一份网页版简历:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>个人简历</title> </head> <body topmargin="50" leftmargin="100" rightmargin="100" bgcolor="#FFFFCC"> <font size="45" color="#000000"> <b><center>个人简历</center></b> </font> <br /> <br /> <center> <table width="700" height="900" cellpadding="0" cellspacing="0" border="1"> <tr align="center"> <td width="100" bgcolor="#CCCC99">姓名</td> <td width="100">张凯</td> <td width="100" bgcolor="#CCCC99">性别</td> <td width="100">男</td> <td width="100" bgcolor="#CCCC99">出生年月</td> <td width="120">1992年9月23日</td> <td width="150" rowspan="3" ><img src="P60207-164523_看图王.jpg" width="156" height="220"/></td> </tr> <tr align="center"> <td width="100" bgcolor="#CCCC99">联系电话</td> <td width="100">18865279385</td> <td width="100" bgcolor="#CCCC99">民族</td> <td width="100">汉</td> <td width="100" bgcolor="#CCCC99">健康状况</td> <td width="100">良好</td> </tr> <tr align="center"> <td width="100" bgcolor="#CCCC99">政治面貌</td> <td width="100">团员</td> <td width="100" bgcolor="#CCCC99">学历</td> <td width="100">本科</td> <td width="100" bgcolor="#CCCC99">身高</td> <td width="100">177cm</td> </tr> <tr align="center"> <td width="100" bgcolor="#CCCC99">毕业院校</td> <td width="100" colspan="2">聊城大学</td> <td width="100" colspan="2" bgcolor="#CCCC99">家庭住址</td> <td width="100" colspan="3">山东省淄博市周村区</td> </tr> <tr align="center"> <td width="100" bgcolor="#CCCC99">专业</td> <td width="100" colspan="2">电子信息工程</td> <td width="100" colspan="2" bgcolor="#CCCC99">邮箱</td> <td width="100" colspan="3">907144187@qq.com</td> </tr> <tr align="center"> <td width="100" rowspan="2" bgcolor="#CCCC99">获取证书</td> <td width="100" colspan="6" rowspan="2">大学英语4级、计算机二级</td> </tr> <tr align="center"> </tr> <tr align="center"> <td width="100" rowspan="2" bgcolor="#CCCC99">个人技能</td> <td width="100" colspan="6" rowspan="2">HTML JAVA PHP </td> </tr> <tr align="center"> </tr> <tr align="center"> <td width="100" rowspan="4" bgcolor="#CCCC99">工作经历</td> <td width="100" colspan="6" rowspan="4">应届毕业生</td> </tr> <tr align="center"> </tr> <tr align="center"> </tr> <tr align="center"> </tr> <tr align="center"> <td width="100" bgcolor="#CCCC99">求职意向</td> <td width="100" colspan="6">IT</td> </tr> <tr align="center"> <td width="100" rowspan="2" bgcolor="#CCCC99">个人评价</td> <td width="100" colspan="6" rowspan="2">吃苦耐劳,勤奋好学</td> </tr> <tr align="center"> </tr> <tr align="center"> <td width="100" rowspan="2" bgcolor="#CCCC99">博客园</td> <td width="100" colspan="6" rowspan="2"><a href="http://www.cnblogs.com/zk0533/">http://www.cnblogs.com/zk0533/</a></td> </tr> <tr align="center"> </tr> </table> </center> </body> </html>