Table は XHTML における厄介なタグです。このセクションでは、それを理解することについて説明します。
フォームについて
CSS が普及する前は、テーブルが位置決めに広く使用されていました。 XHTML では、テーブルは位置決めに推奨されていません。W3C は、位置決めにおいて CSS が
在定位方面的地位。不过事实上由于利用CSS布局常常需要大量的手写代码工作(常用的网页设计软件如Dreamweaver并不能完美支持div的显示),仍被许多网站用语首页布局,例如Google的More products页面就利用了table来定位。 不过我个人推荐您开始使用CSS来定位网页,因为这是Web发展的方向。当然了,在初期用CSS取代table可能使您遇上很多的麻烦。
表格标签
在XHTML中,创建表格的标签是,书写代码时,我们要先用标签将表格分成一行一行,再用标签把每行分成一格一格。完全手写代码创建table是十分困难和低效的,而在网页制作软件中制作表格就如同Word一样简单,只需要选择行列之类的简单属性即可。但是我们可能会遇到自动做出的表格不符合要求,而需要在代码模式调整的可能,因此我们还是要大概了解XHTML表格标签的具体写法。
表格的边框(border)属性
标签可以有border属性。如果不设置border属性的值,在默认情况下,浏览器将不显示表格的边框。
表格练习
我们来建立一个四行两列的标签,代码如下:
一个格子 |
一个格子 |
一个格子 |
一个格子 |
一个格子 |
一个格子 |
一个格子 |
一个格子 |
を置き換えることを望んでいます。しかし実際には、CSS レイアウトを使用するには多くの手書きのコード作業が必要になることが多いため (Dreamweaver などの一般的に使用される Web デザイン ソフトウェアは div の表示を完全にはサポートしていません)、 は依然として多くの Web サイトでホームページのレイアウトとして使用されています。 Google の「その他の製品」ページで見つけます。 ただし、個人的には、CSS を使用して Web ページを配置することをお勧めします。これが Web 開発の方向性だからです。もちろん、テーブルを CSS に置き換えると、初期段階では多くの問題が発生する可能性があります。
テーブルタグ
XHTML では、テーブルを作成するタグは です。コードを記述するときは、まず
タグを使用してテーブルを行と行に分割し、次に タグを使用してそれぞれを分割する必要があります。セルに列を入れます。完全に手書きのコードで表を作成するのは非常に困難で非効率ですが、Web ページ作成ソフトウェアで表を作成するのは Word と同じくらい簡単で、行や列などの単純な属性を選択するだけです。ただし、自動生成されたテーブルが要件を満たしておらず、コード モードでの調整が必要になる可能性があるため、XHTML テーブル タグの具体的な記述方法を一般的に理解する必要があります。
テーブルの境界線属性
タグにはボーダー属性を含めることができます。 border 属性の値を設定しない場合、ブラウザーはデフォルトでテーブルの境界線を表示しません。
テーブル練習
4 行 2 列のラベルを作成してみましょう。コードは次のとおりです。
グリッドグリッド1 つのグリッド1 つのグリッド1 つのグリッドグリッドグリッドグリッド td>
の表示結果は次のとおりです。 上記のコードには、以下の 4 行に対応する、合計 4 つの のペアがあることに注目してください。そして、各 (行) には 2 つの セルがあります。したがって、4 行 2 列の表になります。
グリッド
グリッド
グリッド
グリッド
グリッド
グリッド
グリッド
グリッド
このようなテーブルはデータなどの情報をリストするには十分ですが、位置決めに使用されるテーブルは通常より複雑です。繰り返しになりますが、位置決めにテーブルを使用することはお勧めしません。そのため、ここでは について簡単に紹介するだけです。
|
|