ヒトノワblog | hitonowa.net ヒトノワblog | hitonowa.net

WEB戦略

tableによる表の追加

2019年08月14日

結合する側
結合される側
rowspan=”2″ ああ
いい


うう ああ
いい
いい


colspan=”2″
ああ いい

表組みのレイアウトをいれたい場合には以下の内容を理解する必要があります。

<table> = テーブル(表)を作成する

<tr> = テーブル(表)の横方向の一行を定義する

<th> = テーブル(表)の見出しセルを作成する

<td> = テーブル(表)のデータセルを作成する

<thead> = テーブル(表)のヘッダ行を定義する

<tfoot> = テーブル(表)のフッタ行を定義する

<tbody> = テーブル(表)のボディ部分を定義する

<caption> = テーブル(表)にタイトルをつける

<col> = 表の縦列の属性をまとめて指定する

<colgroup> = 表の縦列をグループ化する

<center> = センタリングする

<spacer> = スペースを挿入する(NN独自の仕様)

<multicol> = 段組する(NN独自の仕様)

<hr> = 横罫線を引く

※本来表の表現を使う部分は面倒でもtableタグを使ってマークアップしたほうが良い場合が多いです。

カテゴリ:ホームページの基本知識

人気記事ランキング

まだデータがありません。

« »