3月19日 html 简历制作
html:
<html>开始标签
<head>网页上面的控制信息
<title></title>网页的标题位置
</head>
<body></body>网页里面要显示的内容
</html>结束标签
body的属性:bgcolor 页面背景色
backgroung 背景壁纸、图片
text 文字颜色
topmargin 上边距
leftmargin 左边距
rightmargin 右边距
bottommargin 下边距
格式控制标签:
<font color=""face=""size=""></font>
分别控制字体的颜色、字体和大小。
<b></b> 加粗
<strong></strong> 加粗
<i></i> 倾斜
<em></em> 倾斜
<u></u> 下划线
<center></center> 居中
<br>或</br> 相当于回车
  表示空格,Ctrl+shift+space
内容容器标签:
<h1></h1>......<h6></h6>
标题,会自动换行,上下进行空行。html标题是通过<h1>到<h6>等标签来定义的。
重要性依次减小,<h3>默认原文字大小。
<p></p> 段落标签(段落之间空行)
<div></div> 层标签(默认占用一行)
<span></span> 层标签(默认用掉多大空间占用多大空间)
<ol type="1"> 有序列表,序号为1,2,3,...,引号可以更改序号的形式
<li>内容<li>
<li>内容<li>
</ol> 上面的ol改为ul则变为无序号列表
超链接标签:
<a href="超链接地址"target="_blank">超链接文字</a>
图片标签:
<img src="图片地址"alt="文字"width=""height=""title="描述性文字">
高度跟宽度设置一个即可保持原有比例。
alt在图片无法加载时,显示文字,还可以帮助搜索引擎搜索。
title可以添加图片描述,鼠标放在图片上可以显示描述。
表格:
<table><tr><td></td></tr></table>
<table></table>
width: 宽度
border: 边框
cellpadding;内容跟边框的距离
cellspacing:单元格与单元格之间的间距
algin:对齐方式
bgcolor:背景色
background:背景图片
<tr></tr>行
align:一行内容的水平对齐方式
valign:一行内容的垂直对齐方式
height:行高
bgcolor:背景色
background:背景图片
<td></td>单元格
<th></th>表头。单元格的内容自动居中、加粗
align:单元的内容的水平对齐方式
valign:单元格内容的垂直对齐方式
width:单元格宽度
height:单元格高度
bgcolor:背景色
background:背景图片
内容必须放在单元格里,元格必须放在行里,行必须放在表格里
单元格合并:
colspa="n" 合并同一行单元格(后面写代码要减去相对应的列)
rowspan="n"合并同一列单元格(从第二行开始减去相对应的列)
例:制作简历
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>3月19日</title> </head> <body background="../../aaa/0133.jpg" topmargin="200" > <font size="+3"><center>个人简历</center></font><br> <table width="700" height="650" border="1" cellpadding="0" cellspacing="0" align="center"> <tr height="50" > <td align="center" width="100">姓名:</td> <td width="100" align="center"></td> <td align="center" width="100">性别:</td> <td width="100" align="center"></td> <td width="100" align="center">出生年月:</td> <td width="100" align="center"></td> <td width="100" rowspan="3" ><img src="../../aaa/0091.jpg" width="100" height="150" /></td> </tr> <tr height="50"> <td width="100" align="center">民族:</td> <td width="100" align="center"></td> <td width="100" align="center">学历:</td> <td width="100" align="center"></td> <td width="100" align="center">政治面貌:</td> <td width="100" align="center"></td> </tr> <tr height="50"> <td width="100" align="center">籍贯:</td> <td width="100" align="center" colspan="3"></td> <td width="100" align="center">身体状况:</td> <td width="100" align="center" ></td> </tr> <tr height="50"> <td width="100" align="center">毕业院校</td> <td width="100" align="center" colspan="3"></td> <td width="100" align="center">专业</td> <td width="100" align="center" colspan="2"></td> </tr> <tr height="50"> <td width="100" align="center">邮箱:</td> <td width="100" align="center" colspan="3"><a href="https://mail.qq.com/cgi-bin/frame_html?sid=g5l0i1NSChn0CWcx&r=173b09ca16027dc23c5d2f4002160b8a">1846794266@qq.com</a></td> <td width="100" align="center">联系方式:</td> <td width="100" align="center" colspan="2"></td> </tr> <tr height="100"> <td width="100" align="center">个人技能:</td> <td width="100" align="center" colspan="6"></td> </tr> <tr height="100"> <td width="100" align="center">工作经历:</td> <td width="100" align="center" colspan="6"></td> </tr> <tr height="100"> <td width="100" align="center" >自我评价:</td> <td width="100" align="center" colspan="6"></td> </tr> <tr height="100"> <td width="100" align="center">求职意向:</td> <td width="100" align="center" colspan="6"></td> </tr> </table> </body> </html>