html表格
来源：互联网 发布：仙界网络直播间txt网盘 编辑：程序博客网 时间：2024/06/06 03:34
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"><title>今日小说排行榜</title> </head> <body> <!-- 设置表格中的边框宽度，宽度和高度以及表格间距（默认是2） --> <table border="1" width="1000px" height="400px" cellspacing="0"><caption>今日小说排行榜</caption> <!-- 设置表格标题 --><!-- <tr> --><th>排名</th><th>关键词</th><th>趋势</th><th>今日搜索</th><th>最近七日</th><th>相关链接</th></tr><tr><td>1</td><td>鬼吹灯</td><td><img src="img2/up.jpg"></td><td>65589</td><td>45</td><td><a href="">贴吧</a><a href="">图片</a><a href="">百科</a></td></tr><tr><td>2</td><td>盗墓笔记</td><td><img src="img2/down.jpg" ></td><td>1</td><td>456</td><td><a href="">贴吧</a><a href="">图片</a><a href="">百科</a></td></tr><tr><td>3</td><td>西游记</td><td><img src="img2/up.jpg"></td><td>2</td><td>456</td><td><a href="">贴吧</a><a href="">图片</a><a href="">百科</a></td></tr><tr><td>4</td><td>东游记</td><td><img src="img2/up.jpg"></td><td>4567</td><td>456</td><td><a href="">贴吧</a><a href="">图片</a><a href="">百科</a></td></tr><tr><td>5</td><td>甄嬛传</td><td><img src="img2/down.jpg" </td><td>7895</td><td>456</td><td><a href="">贴吧</a><a href="">图片</a><a href="">百科</a></td></tr><tr><td>6</td><td>水浒传</td><td><img src="img2/up.jpg"></td><td>4254</td><td>456</td><td><a href="">贴吧</a><a href="">图片</a><a href="">百科</a></td></tr><tr><td>7</td><td>三国演义</td><td><img src="img2/up.jpg"></td><td>456 </td><td>456</td><td><a href="">贴吧</a><a href="">图片</a><a href="">百科</a></td></tr></table> </body></html>
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <!-- 设置样式，单元格居中，表格边框颜色为紫色 --> <style type="text/css">td{text-align:center;}table{border-color:purple;} </style> </head> <body> <table border="1" width="400" height="100" cellspacing="0" align="center" ><tr ><!-- 合并列单元格3个,故删除本行的2单元格（td） --><td colspan="3" >星期一菜谱</td></tr><tr><!-- 合并行单元格2个,故删除下一列的第一个单元格（td） --><td rowspan="2">素菜</td><td>清炒茄子</td><td>花花椒扁豆</td></tr><tr><td>小葱豆腐</td><td>炒白菜</td></tr><tr><!-- 合并行单元格2个 故删除下一列的第一个单元格（td）--><td rowspan="2">荤菜</td><td>鱼香肉丝</td><td>油闷大虾</td ></tr><tr><td>海参鲍鱼 <img src="img2/mao.png" alt=""></td><td>龙肝凤胆</td></tr> </table> <!-- 总结:合并行单元格rowspan和列单元格closspan的标签 --> </body></html>
0 0
