一、基础知识：
<!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 bgcolor="#33CC99" text="#FF6600" topmargin="100" leftmargin="200" bottommargin="400">
<a name="top"></a>
<font size="35" color="#CC0066">今天<br />可能会有雷 暴！<br />
<br />
格式控制标签<br />
<b>文字加粗方式一：b标签</b><br />
<strong>文字加粗方式二：strong标签</strong><br />
<i>文字倾斜方式一：i标签</i><br />
<em>文字倾斜方式二：em标签</em><br />
<u>文字加下划线：u标签</u>123
<center>center,居中标签，默认前后若有其他，执行前后换行，保证自身是一个整体，然后居中显示</center>456<br />
<br />
内容容器标签：<br /><p>p标签，段落标签。前后若有其他，执行前后换行并且空开一行，保证自身是一个整体。</p>456
<ol>ol,有序列表
<li>自动换行</li>
<li>自带序号</li>
<li>前后若有其他，执行前后换行并且空开一行，保证自身是一个整体</li>
</ol>7789<br />
<ul>ul无序需列表
<li>自动换行</li>
<li>不自带序号</li>
<li>前后若有其他，执行前后换行并且空开一行，保证自身是一个整体</li>
</ul>789<br />
<a href="http://www.baidu.com" target="_blank">百度一下</a>
</font>
<h1>h1~h6,标题标签</h1><br />
<h2>重要性依次减小</h2><br />
<h3>若前后有其他，执行前后换行，并且空开一行</h3><br />
<h4>受限于默认文字大小，默认文字大小在h3和h4中间</h4><br />234<br />
<div style="background-color:#C9C;">div 层标签，默认一上来就占用一行，</div>
<span style="background-color:#F0F;">span层标签，默认使用多少就占用多少</span>
<br /><br />
<table align="center" width="480" height="120" border="1" cellpadding="0" cellspacing="0">
<tr align="center" bgcolor="#0066FF">
<td width="120"><a href="http://www.autohom.com">汽车之家</a></td>
<td width="120">易车网</td>
<td width="120">太平洋汽车</td>
<td rowspan="2">新浪汽车</td>
</tr>
<tr align="center">
<td colspan="2" bgcolor="#CCFF33">58同城</td>
<td>百姓网</td>
</tr>
<tr align="center">
<td>天猫</td>
<td>淘宝</td>
<td>聚美优品</td>
<td>京东</td>
</tr>
</table>
<br />
<a href="#top">返回最顶端</a><br />
<img src="../Sample Pictures/300000935727128981325633572.jpg" /><br />
<a href="http://www.baidu.com"><img src="../Sample Pictures/300000935727128981325633572.jpg" width="683" /></a><br />
<img src="../Sample Pictures/300000935727128981325633572.jpg" width="400" height="768" title="这是倒霉熊" alt="zheshidaomeixiong" />
</body>
</html>
二、练习：个人简历
<!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 background="../Sample Pictures/1-130322141600.jpg" topmargin="50" bottommargin="50">
<center><font size="80"><b>个人简历</b></font></center><br />
<table align="center" border="1" cellpadding="0" cellspacing="0" width="770" height="880">
<tr align="center">
<td width="140" height="40"><b>姓名</b></td>
<td width="120">鞠杨超</td>
<td width="80"><b>性别</b></td>
<td width="80">女</td>
<td width="140"><b>毕业院校</b></td>
<td width="120">山东汉企</td>
<td width="200" rowspan="4"><img src="../Sample Pictures/ico-7.jpg" /></td>
</tr>
<tr align="center">
<td height="40"><b>出生日期</b></td>
<td>1988/12/7</td>
<td><b>民族</b></td>
<td>汉</td>
<td><b>所在院系</b></td>
<td>培训部</td>
</tr>
<tr align="center">
<td height="40"><b>政治面貌</b></td>
<td>群众</td>
<td><b>学历</b></td>
<td>大专</td>
<td><b>所学专业</b></td>
<td>.Net</td>
</tr>
<tr align="center">
<td height="40"><b>家庭住址</b></td>
<td>张店区东四路</td>
<td><b>身高（cm）</b></td>
<td>160</td>
<td><b>毕业时间</b></td>
<td>2016/12</td>
</tr>
<tr align="center">
<td height="40"><b>电子邮箱</b></td>
<td colspan="3"><a href="http://www.cnblogs.com/juyangchao12/" target="_blank">[email protected]</a></td>
<td><b>联系电话</b></td>
<td colspan="2">15689036464</td>
</tr>
<tr align="center">
<td colspan="7" height="40"><b>教育经历</b></td>
</tr>
<tr align="center">
<td height="40" colspan="3"><b>时间</b></td>
<td colspan="3"><b>学校</b></td>
<td colspan="1"><b>学历</b></td>
</tr>
<tr align="center">
<td height="40" colspan="3">1996~2001</td>
<td colspan="3">小学</td>
<td colspan="1">小学</td>
</tr>
<tr align="center">
<td height="40" colspan="3">2001~2005</td>
<td colspan="3">初中</td>
<td colspan="1">初中</td>
</tr>
<tr align="center">
<td height="40" colspan="3">2005~2008</td>
<td colspan="3">高中</td>
<td colspan="1">高中</td>
</tr>
<tr align="center">
<td height="40" colspan="3">2008~2011</td>
<td colspan="3">大学</td>
<td colspan="1">大专</td>
</tr>
<tr align="center">
<td height="120"><b>专业课程</b></td>
<td colspan="6">
动物防疫与检疫 <br />
动物医学 动物物理 动物药理 微生物
</td>
</tr>
<tr>
<td align="center" height="120"><b>专业水平</b></td>
<td colspan="6">
<ul><font color="#FF0066">无序列表，自动换行，不自带序号</font>
<li>证书一</li>
<li>证书二</li>
<li>证书三</li>
</ul>
</td>
</tr>
<tr>
<td align="center" height="120"><b>工作经历</b></td>
<td colspan="6">
<ol><font color="#FF0066">有序列表，自动换行，自带序号</font>
<li>2011年4月~2011年7月：青岛迈高（澳大利亚）乳品有限公司 实习</li>
<li>2011年7月~2012年12月：淄博订上集成吊顶办事处 销售</li>
<li>2013年3月~2014年12月：太平洋车险 行政助理</li>
<li>2015年7月~2015年12月：青岛皇家美孚食品有限公司 店长</li>
</ol>
</td>
</tr>
<tr align="center">
<td height="120"><b>自我评价</b></td>
<td colspan="6"></td>
</tr>
</table>
</body>
</html>