HTML5 - 表格与列表处理
有序无序列表
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test01</title> </head> <body> <div style="width:800px; background-color:pink;"> <div style="width:500px; height:200px;background-color:yellow;"> <h2>2014最热门网游排行榜</h2> <ol type="i"> <li>LOL</li> <ul> <li>盖伦</li> <li>赵信</li> <li>寒冰</li> <li>石头人</li> </ul> <li>WOW</li> <li>DNF</li> <li>剑灵</li> </ol> </div> <h2>单机游戏</h2> <ul type="square"> <li>CS</li> <li>激光</li> <li>斗地主</li> <li>魔兽争霸</li> </ul> <h2>LOL</h2> <dl> <dt>LOL</dt> <dd>LOL是腾讯代理的一款网络游戏，中文名为英雄联盟。。。。</dd> <dd>LOL俗称噜啊噜。。。。</dd> </dl> </div> </body></html>表格处理
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>表格</title></head><body> <!-- cellpadding边距 cellspacing间距 --> <table border="2px" width="500px" height="300px" bordercolor="red" cellspacing="0" cellpadding="0" align="center"> <tr> <td>第一行一列</td> <td>第一行二列</td> <td>第一行三列</td> </tr> <tr align="center" bgcolor="#999"> <td>第二行一列</td> <td align="left">第二行二列</td> <td align="right">第二行三列</td> </tr> <tr align="right"> <td>第三行一列</td> <td>第三行二列</td> <td>第三行三列</td> </tr> </table> <hr/> <table border="1" width="300"> <tr> <td>itanyitanyitany</td> <td colspan="3">itany</td> </tr> <tr> <td rowspan="3">itany</td> <td>itany</td> <td>itany</td> <td>itany</td> </tr> <tr> <td>itany</td> <td>itany</td> <td>itany</td> </tr> <tr> <td>itany</td> <td>itany</td> <td>itany</td> </tr> </table> <hr/> <table border="1" width="500" align="center"> <tr> <td colspan="3">wbs14061</td> </tr> <tr> <td rowspan="2">wbs14061</td> <td rowspan="3" colspan="2">wbs14061</td> </tr> <tr> </tr> <tr> <td rowspan="2">wbs14061</td> </tr> <tr> <td>wbs14061</td> <td>wbs14061</td> </tr> </table></body></html>