表格內外邊距行列合并


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表格</title>
</head>
<body>
<!-- 
table
border  邊框
width   寬度
height  高度
cellspacing   外邊距   單元格與單元格之間的距離
cellpadding   內邊距   單元格與內容之間的距離
bgcolor       背景顏色
background    背景圖片


caption  表格標題

tr       表行  一行
align   水平對齊方式   left   center   right
valign  垂直對齊方式   top    middle   bottom



th       表頭單元格  自帶加粗和居中
td       普通單元格  
rowspan   行合并
colspan   列合并

作業:
用表格做一張簡歷


-->


<table border='1px' width='800px' height='800px' cellspacing='0px' cellpadding="0px" >
<col width='10%'><col width='5%'>
<!-- 表格標題 -->
<caption>課程表</caption>
<!-- 表頭 -->
<tr>
<th colspan='2'></th>
<!-- <th></th> -->
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
<th>周六</th>
<th>周末</th>
</tr>

<!-- 表格正文 -->
<tr align='center'>
<td rowspan='4' width='50px'>上午</td>
<td>1</td>
<td rowspan="2">美術</td>
<td rowspan="2">體育</td>
<td rowspan="2">自習</td>
<td rowspan="2">睡覺</td>
<td rowspan="2">電腦</td>
<td rowspan="2">游戲</td>
<td rowspan="2">睡覺</td>
</tr>
<tr align='center'>
<!-- <td>上午</td> -->
<td>2</td>
<!--    <td>美術</td>
<td>體育</td>
<td>自習</td>
<td>睡覺</td>
<td>電腦</td>
<td>游戲</td>
<td>睡覺</td> -->
</tr>
<tr align='center'>
<!-- <td>上午</td> -->
<td>3</td>
<td>美術</td>
<td>體育</td>
<td>自習</td>
<td>睡覺</td>
<td>電腦</td>
<td>游戲</td>
<td>睡覺</td>
</tr>
<tr align='center'>
<!-- <td>上午</td> -->
<td>4</td>
<td>美術</td>
<td>體育</td>
<td>自習</td>
<td>睡覺</td>
<td>電腦</td>
<td>游戲</td>
<td>睡覺</td>
</tr>
<tr>
<td colspan='9' align='center'>午休</td>
</tr>
<tr>
<td>下午</td>
<td>5</td>
<td align='right' valign='top'>美術</td>
<td>體育</td>
<td>自習</td>
<td>睡覺</td>
<td>電腦</td>
<td>游戲</td>
<td>睡覺</td>
</tr>
<tr>
<td>下午</td>
<td>6</td>
<td>美術</td>
<td>體育</td>
<td>自習</td>
<td>睡覺</td>
<td>電腦</td>
<td>游戲</td>
<td>睡覺</td>
</tr>
<tr>
<td>下午</td>
<td>7</td>
<td>美術</td>
<td>體育</td>
<td>自習</td>
<td>睡覺</td>
<td>電腦</td>
<td>游戲</td>
<td>睡覺</td>
</tr>
<tr>
<td>下午</td>
<td>8</td>
<td>美術</td>
<td>體育</td>
<td>自習</td>
<td>睡覺</td>
<td>電腦</td>
<td>游戲</td>
<td>睡覺</td>
</tr>
<tr>
<td>回家玩去吧</td>
</tr>


</table>

</body>
</html>
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容