<a></a> a标签,超链接标签 ,引入超链接方式: src="...." target="blank" 打开方式--新页面打开
用a标签制作锚点方式:首先需要在某个地点设置锚点: <a name="maodian">锚点</a>
然后在某个地点设置超链接跳转: <a src=#maodian>跳转到锚点</a>
<img /> 图片标签,引入图片方式 src=".../" ,标签属性:width=""宽,height=""高,name=""名字,ale=""当找不到图片时或者无法加载时图片位置显示的文字
用图片制作超链接方式:<a src="http://www.hao123.com"><img src="..." width="" height="" /></a>
* 制作表格:
<table> 表格的属性:border=""边框的值,cellpadding=""内容与单元格边框的边距,cellspacing=""单元格之间的间距,align=""对齐方式,bgcolor=""背景颜色 bgckground=""背景图片
<tr>
<td></td>
</tr>行 行的属性:align=""对齐方式,bgcolor=""背景颜色,height=""高度,width=""宽度
<tr>
<td></td>列 列的属性: alig=""对齐方式,width=""宽度
</tr>
<tr>
<td></td>
</tr>
合并单元格: colspan合并行,rowspan合并列 合并行或者列的时候要注意去掉后面行或者列的代码
</table>
下面是一张简易的简历表的全部制作代码: 附上效果图
<!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 bgcolor="#CCFF99" topmargin="50"><a name="ding"></a>
<font size="+2" face="楷体" color="#FF0000"> <h1><center>个人简历表</center></h1>
</font>
<table border="1" cellpadding="0" cellspacing="0" width="960" height="1200" align="center">
<tr height="400">
<td> <table border="1" cellpadding="0" cellspacing="0" width="960" height="400">
<tr>
<td colspan="5" height="30" bgcolor="#CCCCCC" align="center">基本情况</td>
</tr>
<tr>
<td width="192" align="center">姓名</td>
<td width="192"></td>
<td width="192" align="center">性别</td>
<td width="192"></td>
<td width="192" rowspan="6"><img src="../../../4ab00e17d7d23c82b912.jpg" name="头像" alt="相片"/></td>
</tr>
<tr>
<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>
</tr>
<tr>
<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>
</tr>
<tr>
<td align="center">专业</td>
<td colspan="3"></td>
</tr>
<tr>
<td align="center">毕业院校</td>
<td colspan="4"></td>
<td></td>
</tr>
<tr>
<td align="center">求职意向</td>
<td colspan="4"></td>
</tr>
</table>
</td>
</tr> <tr height="380">
<td>
<table border="1" cellpadding="0" cellspacing="0" width="960" height="380">
<tr>
<td colspan="4" bgcolor="#FFFFFF" height="30" align="center">教育情况</td>
</tr>
<tr height="30">
<td width="240" align="center">时间</td>
<td width="240" align="center">院校名称</td>
<td width="240" align="center">专业</td>
<td width="240" align="center">学历</td>
</tr>
<tr>
<td height="30"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="30"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="4" height="30" bgcolor="#FFFFFF" align="center">培训经历</td>
</tr>
<tr>
<td height="30" align="center">时间</td>
<td align="center">培训机构</td>
<td align="center">课程</td>
<td align="center">证书</td>
</tr>
<tr>
<td height="30"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="30"></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="30" colspan="4" align="center" bgcolor="#FFFFFF">技能特长</td> </tr>
<tr>
<td colspan="4"></td>
</tr>
</table>
</td>
</tr> <tr>
<td>
<table border="1" cellpadding="0" cellspacing="0" width="960" height="420">
<tr>
<td align="center" bgcolor="#FFFFFF" height="25" colspan="4">工作经验</td>
</tr> <tr height="30">
<td width="160" align="center">时间</td>
<td width="200" align="center">公司名称</td>
<td width="160" align="center">职位</td>
<td align="center">工作内容</td>
</tr> <tr height="30">
<td></td>
<td></td>
<td></td>
<td></td>
</tr> <tr height="30">
<td bgcolor="#FFFFFF" align="center" colspan="4">英文、计算机水平</td>
</tr> <tr height="50">
<td colspan="4"></td>
</tr> <tr height="30">
<td colspan="4" align="center" bgcolor="#FFFFFF">奖励荣誉</td>
</tr> <tr height="50">
<td colspan="4"></td>
</tr> <tr height="30">
<td colspan="4" bgcolor="#FFFFFF" align="center">自我评价</td>
</tr> <tr height="50">
<td colspan="4"></td>
</tr> <tr height="30">
<td colspan="4" align="center">博客地址:<a href="http://www.cnblogs.com/zhaotiancheng/">http://www.cnblogs.com/zhaotiancheng/</a></td>
</tr>
</table> </td>
</tr>
</table>
<br />
<br />
<br />
<br />
<br />
<center><a href=#ding>回到最顶</a></center> </body>
</html>