這是腳本之家提供給大家的系列教程,主要是為初學者講解網頁中表格的應用,包括最基礎的知識,表格的一些技巧等,希望大家支持腳本之家。
表格是用來排列內容的最佳手段,在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 Fireworks |
15
16
17 网页制作软件 |
18 Dreamweaver |
19
20
21 网页动画软件 |
22 Flash |
23
24 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行。
|