magatamamo’s diary

じむいんの じむいんによる じむいんのための+α

はてなブログでの表の書き方(最低限)

少しのHTML記述形式をかじる。

あとははてなが勝手に補完してくれる。

 

表:<table> 表終:</table>

ひと段:<tr> 段終:</tr>

ひとマス:<td> マス終:</td>

 

いれこにして、記述して表を作る。

<table>
<tr><td>あ</td><td>か</td></tr>
<tr><td>い</td><td>き</td></tr>
<tr><td>う</td><td>く</td></tr>
<tr><td>え</td><td>け</td></tr>
<tr><td>お</td><td>こ</td></tr>
</table>

 

 

これをHTML編集のところに打ち込んで、出てくる表↓

 

 

 

このか細い表は、「編集みたまま」のところで、自由変形ができるのでここまでくれば苦労はない。

 

次回HTML編集を開くと、はてなが勝手に加筆している項目

 

<tbody></tbody>

 

Q:これはなにか

A:表の中身という意味

 

対のものは<thead></thead>で、表のみだしという意味。

表のタイトル行を定義できるらしいけど、素人は触らなくてもいいと勝手に思ってる。

 

他には、見出しマスのところは、<td></td>のかわりに<th></th>がいいらしい。

 

升目の結合

 

よこのマス連結 :colspan

たてのマス連結:rowspan

 

<th>とか<td>と打つところを、<th colspan=3>と打つと、

3マス分が一つのマスになる。</th></td>のところは触らなくていい。

 

同じく、<th rowspan="3">と打つと、縦3マスが、一つのマスに結合される。