码迷,mamicode.com
首页 > Web开发 > 详细

HTML基础

时间:2016-03-19 22:35:21      阅读:262      评论:0      收藏:0      [点我收藏+]

标签:

技术分享
<!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="100" leftmargin="100" rightmargin="100">
<font size="6"><b><center>个人简历</center></b></font>
<font>
<table width="960" align="center" cellpadding="0" cellspacing="0" border="1" height="1080">
<tr align="center">
<td width="300" height="75" align="left">姓名:</td>
<td width="300" headers="75" align="left">性别:</td>
<td rowspan="3">相片</td>

</tr>
<tr align="center">
<td width="300" height="75" align="left">年龄:</td>
<td width="300" height="75" align="left">民族:</td>

</tr>
<tr align="center">
<td width="300" height="75" align="left" colspan="2">身份证号:</td>

</tr>
<tr align="center">
<td width="300" height="75" align="center">家庭成员</td>
<td height="75" align="center">工作</td>

<td width="300" height="75" align="center">联系电话</td>
</tr>
<tr align="center">
<td height="75"></td>
<td></td>
<td></td>

</tr>
<tr align="center">
<td height="75"></td>
<td></td>
<td></td>

</tr>
<tr align="center">
<td height="75"></td>
<td></td>
<td></td>

</tr>
<tr align="center">
<td height="75"></td>
<td></td>
<td></td>

</tr>
<tr align="center">
<td>工作经历</td>
<td colspan="2"></td>

</tr>
<tr align="center">
<td>评价</td>
<td colspan="2"></td>

</tr>
<tr>
<td width="300" height="75" align="left">时间:</td>
<td>办理人:</td>
<td>个人签字:</td>
</tr>

</table>
</font>

</body>
</html>
View Code

题目:简历

body的属性:

bgcolor  页面背景色

text     文字颜色

topmargin     上页边距

leftmargin     左页边距

rightmargin    右页边距

bottomargin     下页边距

background      背景壁纸

格式控制标签:

<font color="颜色" face="字体" size="大小"></font>

<b></b>    字体加粗

<i></i>      倾斜

<u></u>        下划线

<strong></strong>      字体加粗

<em></em>         字体倾斜

<center></center>       居中,默认前后如果有其他的文字,执行上下换行,保证自身是一个整体

<br></br>       相当于回车

&nbsp;         表示空格

内容容器标签

<h1></h1>...<h6><h6>        默认换行,重要性依次递减,上下默认空行

<p></p>段落标签,默认前后若有其他,执行换行并空出一行,表示内部是一个整体

<div></div>   层标签,默认占一行

<span></span>     层标签,默认用多少占多少

<ol type="1">有序列表   引号中可以更改序号形状
<li>默认自带序号</li>
<li>默认自动换行</li>
<li>默认上下有空行</li>
</ol>
<ul>无需列表
<li>默认不自带序号</li>
<li>默认自动换行</li>
<li>默认上下有空行</li>
</ul>

常用标签:

1.做锚点的标签。<a name=" "></a>

2.做锚点链接。<a href="目标链接的name值"></a>

超链接标签:

<a href="超链接地址" target=“blank”>超链接的文字</a>  blank是在新窗口打开

图片标签:

<img src="图片地址" alt="文字" width="" height="">   高和宽设置一个即可,系统会自动按比例缩放,alt在图片无法加载时,显示文字,还可帮助搜索引擎搜索

表格:

<table></table>       表格

width      宽度  常用960像素

border         边框

cellpadding       内容和单元格边框的边距

cellspacing        单元格之间的边距

align        对齐方式

bgcolor        背景色

background            背景图片

<tr></tr>       行

<td></td>        单元格

<th></th>       表头    内容自动居中、加粗

valign        垂直对齐方式

align         水平对齐方式

内容放在单元格内,单元格放在行里,行放在表格里。设置单元格行高,列高时,会同时影响对应的行和列。

单元格合并

colspan="n"      合并同一行单元格

rowspan="n"       合并同一列单元格

HTML基础

标签:

原文地址:http://www.cnblogs.com/bilibiliganbei/p/5296383.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!