HTML学习笔记六

最新推荐文章于 2024-05-27 16:30:49 发布

wangqifeng10_16

最新推荐文章于 2024-05-27 16:30:49 发布

阅读量318

点赞数

分类专栏： HTML 文章标签： html border table 语言

本文链接：https://blog.csdn.net/wangqifeng10_16/article/details/3849624

版权

HTML 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

HTML语言教程之六：表格(TABLE)标记
表格的基本语法<table>...</table> - 定义表格
<tr> - 定义表行
<th> - 定义表头
<td> - 定义表元(表格的具体数据)带边框的表格： <table border><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td>      </table>
FoodDrinkSweetABC
不带边框的表格： <table><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td>      </table>
FoodDrinkSweetABC

跨多行、多列的表元(Table Span)
跨多列的表元 <th colspan=#><table border><tr><th colspan=3> Morning Menu</th><tr><th>Food</th>       <th>Drink</th>  <th>Sweet</th><tr><td>A</td><td>B</td><td>C</td></table>
Morning MenuFoodDrinkSweetABC
跨多行的表元 <th rowspan=#><table border><tr><th rowspan=3> Morning Menu</th>        <th>Food</th> <td>A</td></tr><tr><th>Drink</th> <td>B</td></tr><tr><th>Sweet</th> <td>C</td></tr></table>
Morning MenuFoodADrinkBSweetC

表格尺寸设置
<table border=#>边框尺寸设置： <table border=10><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td>      </table>
FoodDrinkSweetABC
<table border width=# height=#>表格尺寸设置： <table border width=170 height=100><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td>      </table>
FoodDrinkSweetABC