整理老师所讲：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>淄博汉企</title> 6 </head> 7 8 <body bgcolor="#66CCCC" topmargin="200" leftmargin="200"> 9 <a name="top"></a> 10 今天<br />天气 不错<br /> 11 <font size="45" color="#FF0000"> 12 格式控制标签<br /> 13 <b>文字加粗方式1，b标签</b><br /> 14 <strong>文字加粗方式2，strong标签</strong><br /> 15 <i>文字倾斜方式1，i标签</i><br /> 16 <em>文字倾斜方式2，em标签</em><br /> 17 <u>文字加下划线，u标签</u><br /> 18 123<center>center居中标签，默认，前后若有其他，执行上下换行，保证自身是一个整体</center><br /> 19 内容容器标签：<br /> 20 123<p>p标签，段落标签。默认前后若有其他，执行上下换行并且空开一行，表示内容是一个整体。</p>123 21 <ol>有序列表，ol标签 22 <li>默认自带序号</li> 23 <li>默认自动换行</li> 24 <li>默认上下有空行</li> 25 </ol> 26 <ul>无序列表，ul标签 27 <li>默认不自带序号</li> 28 <li>默认自动换行</li> 29 <li>默认上下有空行</li> 30 </ul> 31 <a href="http://www.qq.com" target="new">腾讯</a><br /> 32 <img src="Chrysanthemum.jpg" title="这是一朵菊花" alt="这绝对是一朵菊花"/><br /> 33 <a href="http://360.com"><img src="Chrysanthemum.jpg" width="512"/></a><br /> 34 <img src="Chrysanthemum.jpg" width="400" height="400"/> 35 36 </font> 37 38 <h1>h1到h6标签，标题格式控制标签</h1><br /> 39 <h2>默认换行</h2> 40 <h3>重要性依次递减</h3> 41 <h4>上下默认空行</h4><br /> 42 <div style="background-color:#C0F">div层标签，默认是占用一行</div> 43 <span style="background-color:#F39">span层标签，默认使用多少就占用多少</span><br /> 44 <table width="400" height="90" border="0" cellpadding="0" cellspacing="0"> 45 <tr align="center" bgcolor="#9933CC"> 46 <td width="100">58同城</td> 47 <td width="100">赶集网</td> 48 <td width="100">百姓网</td> 49 <td width="100" rowspan="2">安居客</td> 50 </tr> 51 <tr align="center"> 52 <td>太平洋汽车</td> 53 <td>汽车之家</td> 54 <td>易车网</td> 55 56 </tr> 57 <tr align="center"> 58 <td colspan="2" bgcolor="#6600CC"><a href="http://www.tianmao.com">天猫</a></td> 59 60 <td>京东</td> 61 <td>唯品会</td> 62 </tr> 63 <a href="#top">返回最顶端</a> 64 </body> 65 </html>
效果为：
