Close
文章分類
Back
最新消息

No16.網頁排版

2005-12-22 · tad · 台南社大 · 點閱數：9186
【 課程所需教材、軟體下載 】

  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>