标签:
打开DREAMWEAVER,新建HTML,如下图:
其中body的属性:
bgcolor---页面背景颜色
text--文字颜色
topmargin--上页边距
leftmargin--左叶边距
righymargin--右页边距
bottommargin--下页边距
background--背景壁纸
格式控制标签:
<font color ""face=""size="></font>
字体颜色:color="##FF0000";
face=字体
size=字体大小
<b></b>字体加粗
<i></i>字体倾斜
<u></u>下划线
<strong></strong>字体加粗
<em></em>字体倾斜
<center></center> 字体居中
<br>或<br/> 相当于回车(按shift+enter)
内容容器标签:
<h1></h1>...<h6></h6>标题(会自动换行)。标题是通过h1..h6来进行定义的。
<p></p> 段落标签
<div></div>层标签(默认占一行)
<span></span>(默认用多大空间站多大空间)
<ol type="1">有序列表
<ul type="1">无需列表
"../" 表示上级目录
“./”表示当前目录
超链接标签:
<a href="超链接的地址"target="_blank(新窗口打开)或者new(从自身打开)">超链接文本</a>
用超文本做“返回顶部”
1、<a name="ding"></a>(在想要返回的位置设置一个名字)
2、<a herf="#ding">返回顶端</a>
图片标签:
<img src"图片地址" alt="文字" width="" height="" />(高和宽设置一个就可,alt在图片不加载时有提示)
比如<img src=""title="这是一朵花">(在鼠标放上去后会有提示)
表格:<table></table>表格
widh--宽度可以用像素或者百分比表示 常用960像素
broder---边框
cellpadding--常用值0
cellspacing---常用值0
algin---对其方式
bgcolor--背景色
backcolor--背景图片
<tr></tr>--行
algin--一行内容的水平对齐方式
valgin--一行内容的垂直对其方式
height--行高
background--背景图片
<td></td>--单元格
colspan="n"横向合并单元格,n代表合并的单元格数
rowspan="n"纵向合并单元格,n代表合并的单元格数。
例如建一个自己的简历:
<!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>
<center><font size="6"><b>个人简历</b></font></center>
<table align="center" width="800" height="900"border="1" cellpadding="0" cellspacing="0">
<tr height="60">
<td align="center"width="100"><b>姓名</b></td>
<td align="center" width="200">刁兆建</td>
<td align="center" width="200"><b>国籍</b></td>
<td align="center" width="150">中国</td>
<td align="center"rowspan="2"><img src="QQ图片20160420100038.jpg" width="150"></td>
</tr>
<tr align="center" height="60">
<td><b>性别</b></td>
<td>男</td>
<td><b>年龄</b></td>
<td width="150">28</td>
</tr>
<tr align="center" height="50">
<td><b>民族</b></td>
<td>汉</td>
<td><b>目前所在地</b></td>
<td colspan="2">山东省淄博市高新区颐和花园</td>
</tr>
<tr align="center">
<td><b>身高</b></td>
<td>181cm</td>
<td><b>户口所在地</b></td>
<td colspan="2">山东省菏泽市郓城县</td>
</tr>
<tr align="center">
<td><b>毕业院校</b></td>
<td>威海职业学院</td>
<td><b>专业</b></td>
<td colspan="2">电气自动化</td>
</tr>
<tr align="center">
<td align="center"><b>联系电话</b></td>
<td>18633491926</td>
<td align="center"><b>公司名称</b></td>
<td colspan="2">山东天利和软件股份有限公司</td>
</tr>
<tr>
<td align="center"><b>个人工作经历</b></td>
<td colspan="2">15年3月-至今 山东天利和软件股份有限公司</td>
<td align="center"><b>担任职务</b></td>
<td align="center">市场营销</td>
</tr>
<tr>
<td align="center"><b>工作描述</b></td>
<td colspan="4">按照公司要求,对所在区域内的客户进行拜访跟踪,并完成销售业绩</td>
</tr>
<tr>
<td align="center"><b>离职原因</b></td>
<td colspan="4">家庭原因</td>
</tr>
<tr align="center">
<td ><b>期望工资</b></td>
<td>5000+</td>
<td><b>期望职位</b></td>
<td colspan="2">研发工程师</td>
</tr>
<tr align="center">
<td><b>人事部</b></td>
<td></td>
<td><b>部门经理</b></td>
<td colspan="2"></td>
</tr>
</table>
</body>
</html>
效果:
标签:
原文地址:http://www.cnblogs.com/diaozhaojian/p/5782233.html