昨天老师讲了今天学习HTML，晚上找了点视频预习，想有了初步的了解，今天学起来会顺手，看的是txt改HTML，今儿用的是dreamweaver，不过那些标记语言是一样的……跟c#比，这个硬性记忆的偏多，只要记住了，多练习基本没什么问题……当然这只是我的个人意见
HTML里大多数的标签都是成对的，只有少数的是单个存在的
格式控制标签：
<font></font> 文字
<br/> shift+enter 换行
  空格
<center></center> 居中
<b></b>加粗
<strong></strong> 加粗
<i></i>倾斜
<em></em> 倾斜
<u></u>下划线
内容容器标签：
<h1></h1>……<h6></h6>标题自动换行
<p></p> 段落标签 段落之间空行
<div></div> 层标签 默认占一行
<span></span>层标签 默认用多少占多少空间
<ol type="1">有序列表 前面自动生成序号
<li>……</li>
<li>……</li>
</ol>
<ul> 无序列表
<li></li>
<li></li>
常用标签——超链接标签
<a href="连接地址" target="_blank">链接的文字</a> _blank是在新的窗口打开链接
<a name=""></a> 做锚点的标签
<a href="目标链接的name的值"></a>
<img src="图片地址" alt="文字" width="" height=""/> 高跟宽设置一个即可，图片会按照比例缩放。 alt 在图片无法加载时，显示文字。
表格
<table></table>
width 宽度
border 边框
cellpadding 内容跟单元格边框的边距 常用值为0
cellspacing 单元格之间的间距 常用值为0
align 对齐方式
bgcolor 背景色
background 背景图片
<tr></tr> 行
<td></td>单元格
colspan="" 合并同一行单元格（后面写代码要减去相应的列）
rowspan=""合并同一列单元格（从第二行开始减去相对应的列）
代码：
<!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" bottommargin="100" >
<font color="#000000" size="7"><center>个人简历</center></font>
<br />
<br />
<center><table width="650" height="700" cellpadding="0" cellspacing="0" border="1">
<tr align="center">
<td width="100" height="40" bgcolor="#CC9966">姓名</td>
<td width="100">***</td>
<td width="120" bgcolor="#CC9966">性别</td>
<td width="100">女</td>
<td width="100" rowspan="4"><img src="t0127d13f5cd666e7a2.jpg"</td>
</tr>
<tr align="center">
<td width="120" height="40" bgcolor="#CC9966">生日</td>
<td width="100">1987.1.17</td>
<td width="100" bgcolor="#CC9966">民族</td>
<td width="100">汉族</td>
</tr>
<tr align="center">
<td width="100" height="40" bgcolor="#CC9966">籍贯</td>
<td width="100">张店区</td>
<td width="100" bgcolor="#CC9966">毕业院校</td>
<td width="200">*******</td>
</tr>
<tr align="center">
<td width="100" height="40" bgcolor="#CC9966">学历</td>
<td width="100">大专</td>
<td width="100" bgcolor="#CC9966">专业</td>
<td width="100">计算机</td>
</tr>
<tr align="center">
<td width="100" height="40" bgcolor="#CC9966">政治面貌</td>
<td width="100">公民</td>
<td width="100" bgcolor="#CC9966">婚姻状况</td>
<td width="100" colspan="2">已婚</td>
</tr>
<tr align="center">
<td width="100" height="40" bgcolor="#CC9966">联系电话</td>
<td width="150">15169266***</td>
<td width="100" bgcolor="#CC9966">邮箱</td>
<td width="100" colspan="2">44635****@qq.com</td>
</tr>
<tr align="center">
<td width="100" bgcolor="#CC9966">家庭住址</td>
<td width="100" colspan="4">张店区人民东路33号</td>
</tr>
<tr align="center">
<td width="100" bgcolor="#CC9966">自我评价</td>
<td width="100" colspan="4"></td>
</tr>
<tr align="center">
<td width="100" rowspan="2" bgcolor="#CC9966">学习经历</td>
<td width="100" colspan="4" rowspan="2"></td>
</tr>
<tr align="center">
</tr>
<tr align="center">
<td width="100" bgcolor="#CC9966">英语水平</td>
<td width="100" colspan="4"></td>
</tr>
<tr align="center">
<td width="100" rowspan="3" bgcolor="#CC9966">工作经历</td>
<td width="100" colspan="4" rowspan="3"></td>
</tr>
<tr align="center">
</tr>
<tr align="center">
</tr>
<tr align="center">
<td width="100" bgcolor="#CC9966">个人爱好</td>
<td width="100" colspan="4"></td>
</tr>
</table></center>
<a href="http://www.cnblogs.com/nannan-0305/"><center><b>我的博客</b></center></a>
</body>
</html>
原文：http://www.cnblogs.com/nannan-0305/p/5295628.html