<!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>
html表格
最新推荐文章于 2022-10-23 13:46:23 发布