【HTML入門】#15.表（テーブル）を表す要素
HTML-код
- Опубликовано: 21 окт 2024
- 本気で学ぶHTML入門講座15回目は、
表（テーブル）を表示する要素についてです。
●公式サイトで見る
creatorquest.j...
■目次
・概要と目標 0:14
・表を表す要素 0:41
・tr要素 2:05
・th要素 4:08
・td要素 5:22
・基本的なテーブルを作ってみよう 10:38
・ヘッダーやフッターなどを表す要素 19:28
・表のヘッダーを表す要素 21:10
・表の内容の行を表す要素 22:18
・表のフッター行を表す要素 23:10
・thead要素やtbody要素を使ってみよう 25:34
・練習問題 27:58
・解答 28:33
・まとめ 37:33
■table要素
table要素は、表（テーブル）を表す要素です。
●カテゴリ
・フロー・コンテンツ
●コンテンツ・モデル
以下の順番で配置（このレッスンで紹介していない要素は除く）
1.任意で1つのthead要素
2.それに続く１つのtbody要素または、1つ以上のtr要素
3それに続く、任意で1つのtfoot要素
■tr要素
tr要素はtable rowの略で、表（テーブル）の行を表す要素です。
●カテゴリ
・なし
●コンテンツ・モデル
0個以上のth要素、またはtd要素。
■th要素
th要素はtable header cellの略で、表（テーブル）の見出しセルを表す要素です。
●カテゴリ
・なし
●コンテンツ・モデル
フレージング・コンテンツ
■td要素
td要素はtable data cellの略で、表（テーブル）の内容セルを表す要素です。
●カテゴリ
・なし
●コンテンツ・モデル
フロー・コンテンツ
■thead要素
thead要素はtable headerの略で、表（テーブル）の見出し行を表す要素です。
●カテゴリ
・なし
●コンテンツ・モデル
0個以上のtr要素
■tbody要素
tbody要素はtable bodyの略で、表（テーブル）の内容の行を表す要素です。
●カテゴリ
・なし
●コンテンツ・モデル
0個以上のtr要素
■tfoot要素
tfoot要素はtable footerの略で、表（テーブル）のフッター行を表す要素です。
●カテゴリ
・なし
●コンテンツ・モデル
0個以上のtr要素
■本気で学ぶ！HTML入門講座
• 本気で学ぶ！HTML入門講座
素材
・CV：さとうささら（CeVIO）
cevio.jp/
・CV：タカハシ（CeVIO）
cevio.jp/
・BGM：甘茶の音楽工房
amachamusic.cha...
先生がセルゲーム知ってて感動
やばい！わかりやすすぎ！
なかなか覚えるのに時間かかるようになってきました。
早くCSSに行きたいです。
とても勉強になります！！
次回、楽しみにしています！！
ありがとうございます。
@藤原巧 さん
いいですね！！
やっと追いつけた…
これで最終回かと思ってたんですがまだあるんですね…ていうか表までHTMLで作れるってすごい
先にホームページで予習してきます！
先生！今後も指導よろしくお願いします！
任せてください！なんせ私は、伝説の・・・。
すいません。
動画の更新がとろくて。
cssの動画ありませんか？ 凄く解りやすくて素晴らしいです。
作る予定です。
たまに怒られるの気持ちよくて癖になるぜ！
ってしてるのになんか表の外に普通に
文字だけがのっかってる感じでなぜそうなる、、、
って思って３０分ぐらいずっと考えてたら
じゃなくてになってて寝ぼけながらやってた自分を殴りました。
セル完全体は草
21:39 使用タグと表の全体像（わかりやすい！！）
23:20 テーブルのフッター
とはセットでつかうんでしょうか？は必要な時にって感じですね。
いずれも必要に応じてって感じです。
@@CreatorQuest
ありがとうございます！
カレンダーの場合も同様に、数字を打ち込んでテーブルを完成させると思うと気が遠くなりそうですね…( ﾟДﾟ)
インデントのやり方が知りたいです
いつも拝見しております。
ぐぐりましたが字下げをいつも一気にする方法がわかりません
どうされてますか。
テキストエディタによって操作は異なりますが、基本は選択してtabキーですかね
やっぱ背景色は黒がいいよね
セル 完全体(笑)(笑)
table border って廃止されませんでした？
現在のHTML Standardでは廃止されています。
20:34 無職が多くて泣いた
すみません、インデントのやり方忘れちゃったんですけど分かる方いらっしゃいますか？
TABキーになります
いい子いい子されたいなり