HTML レッスン4
テーブル
table、tr、td、thを使ってデータを表形式で表示しよう
テーブルの基本構造
HTMLのテーブルは3つの要素で構成されます：
<table>- テーブル全体を囲む<tr>- 行（table row）<td>- セル（table data）<th>- 見出しセル（table header）太字＋中央揃え
基本のテーブル
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
26 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
セルの結合（colspan / rowspan）
colspanで横方向、rowspanで縦方向にセルを結合できます。
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
24 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。
自由に試してみよう
Monaco + Shiki / Tab でインデント / Ctrl(Cmd)+Enter で再実行
index.htmllazy
11 lines0 issues
Monaco Editor を準備しています
表示領域に入った時点で Monaco と Shiki を初期化します。
preview.local
Live PreviewConsole
console.log / warn / error の出力がここに表示されます。