html Table標籤的初步使用

<html>

<head>


<title>我的第三個頁面</title>

<meta charset=utf-8>

</head>

<body>

<table border="1px" bordercolor="red" width="800px" height="200px" align="center" cellpadding="50px" cellspacing="10px" bgcolor="#ACEBFD" background="C:\Users\admin\Desktop\php\bbs\img\2.jpg"><!-- <table></table>:創建一張表格 border:設置表格內外線框的寬度 align:設置表格在瀏覽頁面的位置 cellpadding:設置單元格邊界到單元格內容之間的距離 cellspacing:相鄰單元格間距 bgcolor:表格背景顏色 background:表格的背景圖片,設置相對路徑(優先度高於bgcolor) -->

<tr align="center" valign="middle"><!-- <tr></tr>:創建行 align:使內容水平居中 valign:使內容垂直居中 -->

<td>第一行第一列</td><!-- <td></td>:創建列 -->

<td>第一行第二列</td>

<td>第一行第三列</td>

</tr>

<tr align="center" valign="middle">

<td>第二行第一列</td>

<td>第二行第二列</td>

<td>

<table border="1" bordercolor="yellow" width="100px" height="50" align="center"><!-- 嵌套創建一張表到某一單元格內 -->

<tr align="center" valign="middle">

<td>11</td>

<td>12</td>

</tr>

<tr align="center" valign="middle">

<td>21</td>

<td>22</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章