これは、スクリプト ハウスが提供する一連のチュートリアルです。主に初心者向けに、Web ページでのテーブルの応用について、最も基本的な知識、テーブルのいくつかのスキルなどを説明します。スクリプト ハウスをサポートしていただければ幸いです。
表はコンテンツを配置するための最良の方法です。HTML ページでは、ほとんどのページでレイアウトに表が使用されます。しかし、現在のテクノロジーでは、Web ページの作成に DIV CSS を使用することを提案する人もいます。その主な目的は、多くの Web サイトが DIV CSS レイアウトを実装していることです。しかし、その方法を学ぶことは依然として非常に必要です。 Web ページ作成プロセス中にテーブルを作成するため、具体的に説明します。
HTML 構文では、テーブルは主に table タグ、row タグ、cell タグの 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
、、 タグを使用して、3 行 2 列のテーブルを作成します。 01 02 03 04 05 06 07 フォームを作成する08 HEAD> 09 10 主流の Web デザイン ソフトウェア11 12 13 Web 画像ソフトウェア14 Fireworks15 16 17 Web ページ作成ソフト18 Dreamweaver19 20 21 Webアニメーションソフト22 Flash23 24 表>25 26
ファイルの説明
行 11 ~ 24 は完全な表、行 12 ~ 15 は表の最初の行、行 16 ~ 19 は表の 2 行目、行 20 ~ 23 は表の 3 行目です。
|