:::
tad - 台南社大 | 2005-12-22 | 點閱數: 9049
課程所需教材、軟體下載
  1. 關於網頁排版

    1. 基礎的網頁排版,大部分仍都是利用表格來編排。

  2. 表格標籤

    1. <table></table>:建立一個表格。

    2. <tr></tr>:建立一行,需在<table></table>標籤中。

    3. <td></td>:建立一格,需在<tr></tr>標籤中。

  3. 常用屬性

    <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

  4. 範例(底下的空白只是為了方便辨識,實際上並不需要)

1

2


<table>

<tr><td>1</td><td>2</td></tr>

</table>

1

2

3

4


<table>

<tr><td>1</td><td>2</td></tr>

<tr><td>3</td><td>4</td></tr>

</table>

1

2

3

4

5

6

7

8

9


<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>

1

4

5

6

7

8

9


<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>

1

2

3

5

6

8

9


<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>

1

4

5

6

7

9


<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>

:::

搜尋

QR Code 區塊

https%3A%2F%2Ftad0616.net%2Fmodules%2Ftadnews%2Findex.php%3Fnsn%3D38

線上使用者

43人線上 (2人在瀏覽最新消息)

會員: 0

訪客: 43

更多…