コンピュータ, ソフトウェア
表でのHTMLの使用
HTMLには非常に多くの要素があり、それぞれ独自の方法でユニークです。 テーブルは非常に興味深く、要求され重大な対象です。 そのおかげで、便利な形式で情報を提供するだけでなく、サイト全体を構築することもできます。
以前は、ほぼすべてのウェブマスターがサイトレイアウト用のテーブルを使用していました。 最初は、このためのテーブルは発明されていませんでした。 したがって、サイトをマークアップするには、ブロックdiv要素を使用する必要があります。
初心者のままにしたくない場合は、すぐにすべてをやることに慣れてください。 これはHTMLでは非常に重要です。 テーブルでは、サイト全体ではなく、通常の情報(テキスト、リンク、リスト、イメージなど)のみを配置する必要があります。
HTMLテーブルを作成するには?
表は複雑な要素であり、多数の他の要素で構成されています。 セルまたは行を作成するときは、必ず一度に終了タグを配置する必要があります。 さもなければ、すべてが飛ぶでしょう。 ブラウザのハンドラは要素の終わりを探し、見つかるまで他のすべてがテーブルに含まれます。 結果はお粥になります。
「メモ帳」にウェブサイトを書き込む場合は、すべてあなたの手で行う必要があります。 完成したエディタでは、通常、「テーブルを挿入する」、「画像を挿入する」などのボタンがあります。
表2〜表2の例
Tr> Tr> Table> 主なルール:各行のセル数は同じでなければなりません。 それはテーブルです。 しかし、WordとExcelのエディタのように、細胞は互いに結合することができます。 結合するには、Colspan属性とRowspan属性を使用します。 スパンは「包み込む」または「重なり合う」と解釈されます。 文字通りの意味は、細胞/系統をカバー/カバーすることである。 この属性の値では、ブロックする行数またはセル数を指定する必要があります。 以下は、両方の HTML属性 を表で使用する良い例です。 この例では、最初の行で3つのセルがcolspan = "3"属性を使用して結合されました。 次に、第2列の第1セルを4列に伸ばした。 最初のセルでのみストレッチ/結合することを忘れないでください。 そのプロパティはさらに拡張されます。 前に行ったことは影響を受けません。 5つのセルがあり、2から4にマージしたい場合は、セル番号2にcolspan = "3"属性を指定するだけです。 上記の図のセル番号9に注意してください。 そこで彼らは細胞と線の両方を一度に結合しました。 そのような行為は禁止されていません。 情報を修正する別の例を見てください。 いくつかは属性を混同し、時にはセルの代わりに文字列を組み合わせることがあるためです。 通常の標準的なHTMLの場合を取る。 表には、それぞれ2つのセルからなる2つの行があります。 コードの結果は次のようになります。 ご覧のとおり、効果はありません。 フレームを追加して、幅と高さを指定することができます。 また、アライメントを再生することもできます。 高さと幅の両方を揃えることができます。 水平方向の整列のための整列、垂直整列のための整列。 ここに結果があります。 align属性とvalign属性は、文字列全体に適用できます。 その中にあるすべてのセルにこれらの属性が適用されます。 任意の HTMLタグ と同様 に、 表はスタイルを使用して変換できます。 でスタイルファイルを指定する必要があります。レディスタイル(頭にも表示されています)。 ... テーブル{ フォントファミリー:Verdana、Arial、Helvetica、sans-serif; 色:#000000; } .my_class { 色:#666666; } Style> ... Head> 単なる表を指定した場合、このスタイルはページ上のすべての表に適用されます。 絶対すべてに。 しかし、ピリオドの付いた任意の名前を指定する2番目の方法を使用すると、他のテーブルに影響を与えることなく、このスタイルを任意のテーブルに適用できます。 テーブルタグと特定のセルまたは行の両方にクラスを使用できることに注意してください。 Tr> Tr> Table> スタイル名のどこかにエラーがある場合、その結果は表示されません。 スタイル自体に間違いがありますが、名前が一致しても効果はありません。 各カンマまたはコロンは重要です。 スタイルクラスにはどのような属性を記述できますか? テーブルには多くの属性が適用されます。 あなたが必要とする最も基本的なものを考えてみましょう。 整列 水平方向の整列 ヴァージン 垂直整列 背景 セル/テーブル内の背景画像 Bgcolor セル内の 背景色 ボーダーカラー 表/セルの境界線の色 高さ セルの高さ ナラップ 行内のテキストの転送を禁止します。 幅 セル/テーブルの幅 ご覧のとおり、膨大な数の「ツール」を備えたHTMLを表に使用することができます。 スタイルのおかげで、様々な美しいテーブルを作成することができます。 それはすべてあなたの好きなものと方法に依存します。 ご覧のように、HTMLタグを使用すると、テーブルは認識を超えて変換できます。 可能性の限界はあなたの想像力によって決まります。
最初の行の最初のセルのテキスト td>
1行目の2番目のセルのテキスト td>
2行目の最初のセルのテキスト td>
2行目の2番目のセルのテキスト td>
タグと table>タグは、テーブルの先頭と末尾を示します。
タグと tr>タグは、行の先頭と末尾です。 1行には、 タグと td>タグで定義された数のセルがあります。
テーブル内のセルをマージするには?
テーブルの設計
タグと タグに加えて、追加の タグがあります。 実際、これは のアナログですが、最初の行でのみ使用され、ヘッダーとして機能します。 デフォルトでは、 内のテキストは中央揃えで太字になっています。
スタイルをテーブルに接続する方法は?
最初の行の最初のセルのテキスト td>
1行目の2番目のセルのテキスト td>
2行目の最初のセルのテキスト td>
2行目の2番目のセルのテキスト td>
表の追加属性
美しいHTMLテーブルを使用して作成されます。 例
Similar articles
Trending Now
Newest