1、唐诗三百首
实现代码
<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <title>唐诗三百首 </title> </head> <body> <h1>唐诗三百首</h1> <hr/> <h2>目录</h2> <table> <tr><td>第一首：</td><td>静夜思</td> <tr><td>第二首：</td><td>忆江南</td> <tr><td>第三首：</td><td>长恨歌</td> </table> <hr/> <h3>静夜思</h3> <table> <tr><td>作者：</td><td>李白</td> 床前明月光，疑是地上霜，举头望明月，低头思故乡。 </table> <hr/> <h4>【李白简介】</h4> 李白，字太白，号青莲居士，自称与李唐皇室同宗，祖籍陇西同济（今甘肃天水附近），剩余暗喜碎叶，（遗址在今库尔吉斯坦国的阿克别西姆）。五岁所父亲迁居绵州彰明县。 </body> </html>2、数码商场信息
实现代码
<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <title>产品信息 </title> </head> <body> <h1>产品信息</h1> <h2>产品类别</h2> <br/> <ul> <li>数码</li> <ul> <li>笔记本</li> <li>手机</li> <li>家电</li> </ul> <li>美容</li> <li>服装</li> </ul> <br/> <p>联想电脑</p> <table> <tr><td>产品型号：</td><td>联想IdeaPad Y450A-(NBA纪念版)</td> <tr><td>价格：</td><td>4999元</td> <tr><td>所在地：</td><td>北京</td> </table> <br/> <h2>购物流程</h2> <ol> <li>确认购买信息</li> <li>付款到贵美</li> <li>确认收货</li> <li>付款给商家</li> <li>双方评价</li> </ol> </body> </html>3、笔记本信息
实现代码
<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>img和span标签练习</title> </head> <body> <h1>促销信息</h1> <dl> <dt><img src="C:\Users\Administrator\Desktop\computer.jpg" alt="Acer上网本，特惠拍卖" title="上网本，特惠拍卖"/></dt> <dd>拍卖上网本</dd> <dd>奔腾双核，1G内存，200G硬盘</dd> <dd>跳楼疯抢<span style="color:red;font-size:60px;">1</span>元起</dd> </dl> </body> </html>
