コンピュータソフトウェア

表でのHTMLの使用

HTMLには非常に多くの要素があり、それぞれ独自の方法でユニークです。 テーブルは非常に興味深く、要求され重大な対象です。 そのおかげで、便利な形式で情報を提供するだけでなく、サイト全体を構築することもできます。

以前は、ほぼすべてのウェブマスターがサイトレイアウト用のテーブルを使用していました。 最初は、このためのテーブルは発明されていませんでした。 したがって、サイトをマークアップするには、ブロックdiv要素を使用する必要があります。

初心者のままにしたくない場合は、すぐにすべてをやることに慣れてください。 これはHTMLでは非常に重要です。 テーブルでは、サイト全体ではなく、通常の情報(テキスト、リンク、リスト、イメージなど)のみを配置する必要があります。

HTMLテーブルを作成するには?

表は複雑な要素であり、多数の他の要素で構成されています。 セルまたは行を作成するときは、必ず一度に終了タグを配置する必要があります。 さもなければ、すべてが飛ぶでしょう。 ブラウザのハンドラは要素の終わりを探し、見つかるまで他のすべてがテーブルに含まれます。 結果はお粥になります。

「メモ帳」にウェブサイトを書き込む場合は、すべてあなたの手で行う必要があります。 完成したエディタでは、通常、「テーブルを挿入する」、「画像を挿入する」などのボタンがあります。

表2〜表2の例

最初の行の最初のセルのテキスト

1行目の2番目のセルのテキスト

2行目の最初のセルのテキスト

2行目の2番目のセルのテキスト

タグとタグは、テーブルの先頭と末尾を示します。 タグとタグは、行の先頭と末尾です。 1行には、タグに加えて、追加の
タグとタグで定義された数のセルがあります。

主なルール:各行のセル数は同じでなければなりません。 それはテーブルです。

しかし、WordとExcelのエディタのように、細胞は互いに結合することができます。

テーブル内のセルをマージするには?

結合するには、Colspan属性とRowspan属性を使用します。 スパンは「包み込む」または「重なり合う」と解釈されます。 文字通りの意味は、細胞/系統をカバー/カバーすることである。

この属性の値では、ブロックする行数またはセル数を指定する必要があります。 以下は、両方の HTML属性 を表で使用する良い例です。

この例では、最初の行で3つのセルがcolspan = "3"属性を使用して結合されました。 次に、第2列の第1セルを4列に伸ばした。 最初のセルでのみストレッチ/結合することを忘れないでください。 そのプロパティはさらに拡張されます。 前に行ったことは影響を受けません。

5つのセルがあり、2から4にマージしたい場合は、セル番号2にcolspan = "3"属性を指定するだけです。

上記の図のセル番号9に注意してください。 そこで彼らは細胞と線の両方を一度に結合しました。 そのような行為は禁止されていません。

情報を修正する別の例を見てください。 いくつかは属性を混同し、時にはセルの代わりに文字列を組み合わせることがあるためです。

テーブルの設計

通常の標準的なHTMLの場合を取る。 表には、それぞれ2つのセルからなる2つの行があります。

コードの結果は次のようになります。

ご覧のとおり、効果はありません。 フレームを追加して、幅と高さを指定することができます。

また、アライメントを再生することもできます。 高さと幅の両方を揃えることができます。

水平方向の整列のための整列、垂直整列のための整列。 ここに結果があります。

align属性とvalign属性は、文字列全体に適用できます。 その中にあるすべてのセルにこれらの属性が適用されます。

タグと
タグがあります。 実際、これはのアナログですが、最初の行でのみ使用され、ヘッダーとして機能します。 デフォルトでは、内のテキストは中央揃えで太字になっています。

スタイルをテーブルに接続する方法は?

任意の HTMLタグ と同様 に、 表はスタイルを使用して変換できます。 でスタイルファイルを指定する必要があります。レディスタイル(頭にも表示されています)。

...