關於網頁排版
基礎的網頁排版,大部分仍都是利用表格來編排。
表格標籤
<table></table>:建立一個表格。
<tr></tr>:建立一行,需在<table></table>標籤中。
<td></td>:建立一格,需在<tr></tr>標籤中。
常用屬性
<table>的屬性 | <tr>的屬性 | <td>的屬性 |
寬度:width=寬度 位置:align=center,right 底色:bgcolor=顏色碼 邊框:border=寬度 內距:cellpadding=寬度 框距:cellspacing=寬度 |
位置:align=right,center 底色:bgcolor=顏色碼 垂直位置:valign=top, middle,bottom,baseline | 寬度:width=寬度 位置:align=right,center 底色:bgcolor=顏色碼 橫併:colspan=欄數 高度:height=高度 不換行:nowrap 值併:rowspan=欄數 垂直位置:valign=top, middle,bottom,baseline |
範例(底下的空白只是為了方便辨識,實際上並不需要)
| <table> <tr><td>1</td><td>2</td></tr> </table> | |||||||||
| <table> <tr><td>1</td><td>2</td></tr> <tr><td>3</td><td>4</td></tr> </table> | |||||||||
| <table> <tr><td>1</td><td>2</td><td>3</td></tr> <tr><td>4</td><td>5</td><td>6</td></tr> <tr><td>7</td><td>8</td><td>9</td></tr> </table> | |||||||||
| <table> <tr><td colspan=3>1</td> </tr> <tr><td>4</td><td>5</td><td>6</td></tr> <tr><td>7</td><td>8</td><td>9</td></tr> </table> | |||||||||
| <table> <tr><td rowspan=3>1</td><td>2</td><td>3</td></tr> <tr> <td>5</td><td>6</td></tr> <tr> <td>8</td><td>9</td></tr> </table> | |||||||||
| <table> <tr> <tdcolspan=3>1</td> </tr> <tr><td>4</td><tdrowspan=2>5</td><td>6</td></tr> <tr><td>7</td> <td>9</td></tr> </table> |