表格标签
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title></head><body>
<!--需求1：顯示一個三行四列的標簽<table>:定義一個表格<tr>：行<td>：列<th>：表頭(加粗效果)<thead>:把表頭包裹<tbody>:把表頭包裹<tfoot>:腳的部分<border>:決定表格的邊框cellspacing:是單元格之間的間距需求2：給當前表格添加一個標題<caption>:表格的標題，自動居中需求3：合并張三和李四的性別 合并行<rowspan>:取值：合并N行，就取N，同時依次刪除N-1個單元格需求3：合并張三的姓名和年齡 合并列<colspan>:取值：合并N行，就取N，同時刪除tr下N-1個單元格--> <table border="1" cellspacing="0" " width="400px";"><caption>學生信息表</caption><tr><th>姓名</th><th>年齡</th><th>性別</th><th>電話</th></tr><tr><td colspan="2">張三 18</td><td rowspan="2">男</td><td>133</td></tr><tr><td>李四</td><td>22</td><td>155</td></tr></table> <br /><br /><br /><br /><h1>兩行兩列合并成一個單元格</h1><table width="400px" border="1" cellspacing="0"><tr><td>5</td><td>5</td><td>5</td></tr><tr><td colspan="2" rowspan="2">1</td><!--<td>2</td>--><td>3</td></tr><tr><!--<td colspan="2">4</td>--><!--<td>5</td>--><td>6</td></tr></table></body>
</html>
?
轉載于:https://www.cnblogs.com/Gzu_zb/p/9443126.html
總結
- 上一篇： Java 匿名对象、内部类
- 下一篇： Visual Studio无法调试