HTML表格標記教學(1):製作表格_HTML/Xhtml_網頁製作

這是腳本之家提供給大家的系列教程，主要是為初學者講解網頁中表格的應用，包括最基礎的知識，表格的一些技巧等，希望大家支持腳本之家。
表格是用來排列內容的最佳手段，在HTML頁面中，絕大多數的頁面都是使用表格排版。但現在的技術裡，有人提出了用DIV CSS製作網頁，主要目的是簡化網頁的程式碼，現在好多站都已經實現了DIV CSS佈局，但是在網頁製作過程中我們學習表格的製作方法還是非常有必要的，所以專門跟大家講解下。
在HTML的語法中，表格主要透過3個標記來構成，表格標記、行標記、單元格標記。如下表所示：
表 格 標 記
標 記 描 述 … 表格標記 … 行標記 … 單元格標記
基本文法
01
02
03
04 …
05
06
07
08…
09
10 ……
11

…

…

02
03 …
标记代表表格的开始，标记代表行开始，而 之间的就是单元格的内容。这几个标记之间是从大到小，逐层包含的关系，由最大的表格，到最小的单元格。一个表格可以有多个和

和

标记，分别代表多行和多个单元格。
文件范例：10-1.htm
通过、、

标记制作一个三行两列的表格。
01
02
03
04
05
06
07
08
09
10

主流的网页设计软件

11
12
13
14
15
16
17
18
19
20
21
22
23
24

网页图像软件	Fireworks
网页制作软件	Dreamweaver
网页动画软件	Flash

04 …
05
06
07 …
08… 09 10 … 11

文法解釋 標記代表表格的開始，標記代表行開始，而 和之間的就是單元格的內容。這幾個標記之間是從大到小，逐層包含的關係，由最大的表格，到最小的單元格。一個表格可以有多個和標記，分別代表多行和多個單元格。 文件範例：10-1.htm 透過、、標記製作一個三行兩列的表格。 01 02 03 04 05 06 07 08 HEAD>09 10

主流的網頁設計軟體

11 12 13 網頁圖片軟體14 Fireworks15 16 17 網頁製作軟體18 19 20 21 網頁動畫軟體22 Flash23 23 25 26 文件說明 第11行到第24行是一個完整的表格，第12行到第15行為表格的第1行，第16行到第19行為表格的第2行，第20行到第23行為表格的第3行。