标签与表格

bgcolor         页面背景色                text             文字颜色

topmargain   上页边距                   leftmargain    左页边距

rightmargain  右页边距                  bottomargain 下页边距

background   背景壁纸                   &nbsp           空格

</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>

 

posted @ 2016-03-22 19:34  冷风~云  阅读(361)  评论(0编辑  收藏  举报