ですから、私が話したい次の要素はHCMテーブルです。
だからテーブルは、私たちがここのテーブルやテーブルをインドのページの表に作成する方法です。
ここにはグラフがあります。
ここには色のための別のテーブルがあります。次に、ここで作業するタイプのいくつかの例を示します。
したがって、これらは本質的にテーブルです。
彼らはかなりシンプルです。
明らかに、スタイリングのない最も美しいものではありませんが、情報を表形式で表示するのに非常に便利です。
私は先に進み、コメントするつもりです。
このファイルの多くは豪華なコマンドスラッシュで覚えています。新しいテーブル要素とすべてのテーブルの中に入れようとしています。これは、これを行う方法がいくつかあるので少し難解です。
最初に、テーブル行を表すt r要素を記述し、各行の内側にt
d要素を配置することを示します。
だから、私はちょうどあなたに最初に絵を見せるために、これを書き出すつもりです。そして、私たちは戻って議論するつもりです。
だから私たちはちょうどここにいくつかのランダムなテキストを置くつもりですので、赤とオレンジの色に戻り、それをそのままにしましょう。
私は私のページをリフレッシュし、私は美しいテーブルを持っています。
しかし、私はこのテーブルに境界線がないので、何が起こっているのかを見るのは難しいです。
これはCSSAを使用して行います。
通常、これは私が境界属性を使ってここで行ったやり方という、本当に素晴らしい考えではありません。
これは、それを行う古い方法のようなものです。
これは基本的に時間の経過に遡ることができて、C
Sのすべてのスタイリングをより重視するようになったからです。
私はちょうどあなたに何が起こっているかを示すためにここに追加するつもりです。
だから私がやったことは、1つの行である表になり、TDLには行の代わりに2つの要素があります。
だから私は別の行を作ることができ、私は緑と黄色を作って、リフレッシュするときにこのように見えるべきものを考えようとします。
私たちは皆、赤とオレンジと黄と緑の2つの行を持っています。
つまり、各行について得られたテーブルと各セルのT Dが得られます。
それは素晴らしいです。
次のことは、テーブルに見出しをつける方法です。私たちのデータを少し変更してみましょう。
だから名前と年齢のようなものがあり、その下に名前があるのか​​、それとも私の犬が見なければならない犬です。
私の他の犬は13歳です。
そうするために、私たちは名前と年齢をテーブルの大胆な見出しのテーブルの一部にしたいと思っています。
そしてもう一つの要素があります。
別の行を作って、Tweedyではなく、Thというタグを使用します。
それはテーブルの頭やテーブルのヘッダーのためです。
そして我々は名前と年齢を持つつもりだし、最初の行が先に進み、Rustyを記入し、彼の年齢は次の行にWyattと彼の年齢13となります。
それは犬には良いことだ。
だから私はページをリフレッシュします。
ああ、あなたは私の美しいダイアグラムを見ることができます。
そして、ここに私のテーブルがあります。
だから私は1つの行に私のthを持っているし、私は2つの要素と2つの要素を持つ別の行を別の行がある場合。
ここでもう一つ話し合うことができます。
正確に同じテーブルを作るには少し複雑な方法があります。
そしてそれは本当にもっと複雑です。それはちょうど別のタグ、つまりテーブルに意味を与える2つのタグです。
だから今、私たちの見出し情報は2つのヘッダーが正規のTRの一部に過ぎないということです。
したがって、このTRとこのTRとの間には区別がありません。これらは両方とも単なるテーブル行です。
最初の5つのうち、最初は各チームを作り上げ、マークアップを取り入れることに重点を置いています。
そのため、他のコードがこのサイトを見て、スクリーンリーダーのスクリーンリーダーコードを使用している人が私の年老いた彼のHMOを見てそれを読んで、そのヘッディングがわかるでしょう大声ですべての道路を読み取るだけの場合とは少し異なります。
だから私たちは、私たちが加えることができる2つの要素があり、TヘッドとTボディがあり、これらは外観上全く違いを生じません。
しかし、私は、このトップ部分に対応するすべてのものをTヘッドに移動するだけです。
そして、私がやることは、テーブルの実際のボディをボディに移動させ、同じように見えるので、何も変更しないでください。
もう一度ここで変更してみましょう。もう1つの列を追加して、名前と年齢を設定しましょう。
だからrestiはmuttで、なぜそれが金色であるのですか？
そこに行く。
それがテーブルの基礎です。
繰り返しますが、通常は醜いものではありません。
私たちは通常C Sを使用しているので、これはスタイリングのない通常のテーブルです。
そして、私たちは行って、フォントの評価と変更を見て、ボーダーと背景色とそのすべてを追加します。
大丈夫です。