・基本中の基本です
<table border="1">
<tr><td>あああ</td><td>いいい</td></tr>
<tr><td>かかか</td><td>ききき</td></tr>
<tr><td>さささ</td><td>ししし</td></tr>
</table>
実際の表示
あああ | いいい |
かかか | ききき |
さささ | ししし |
レイアウトを作ったりするのに便利ですがブラウザによってはうまく表示されない事があるようです
「コピー」「ペースト」してBloggerで使用すると表の上に空白ができます
使用する場合はHTMLの編集で「改行」を全て削除して下さい
border="1"の数字を変えると外側の枠の幅が変わります
「5」
あああ | いいい |
かかか | ききき |
さささ | ししし |
「10」
あああ | いいい |
かかか | ききき |
さささ | ししし |
・見出しを付ける
<table border="1">
<tr><th>「あ」の列</th><th>「い」の列</th></tr>
<tr><td>あああ</td><td>いいい</td></tr>
<tr><td>かかか</td><td>ききき</td></tr>
<tr><td>さささ</td><td>ししし</td></tr>
</table>
実際の表示
「あ」の列 | 「い」の列 |
---|---|
あああ | いいい |
かかか | ききき |
さささ | ししし |
「<th>」と「</th>」に挟まれた文字は太字になりセル(文字の入っている枠)の中央に表示されます
0 件のコメント:
コメントを投稿