【HTML】表の作り方 | AQUOSアニキの言いたい放題

AQUOSアニキの言いたい放題

徒然なるままに俺自身のネタや、政治・社会ニュースへの辛口コメント、最近観た映画の感想とかを書き綴ります。

たまーにブログのデザイン変更とか自作ブログパーツを出したりします。「ムホホ~♪」

豆知識ってぇことで、お知らせします。


ブログやメッセージボードに表を使って、表現することが出来ます。


俺も通常、ブログを書くときは箇条書きくらいで、表は滅多に使いませんが、

こういう使い方が出来ます。



スケジュール 時間
勉強 10~12時
昼食・食料品の買出し 12~13時
ネトゲ 13~16時
ブログデザイン変更 16~19時半
夕食 19時半~20時
ネトゲ 20時~21時半
ブログデザイン変更 21時半~23時半
寝ます 23時半~

これは俺の予定ですけど(笑)

講演会の告知をブログでやるとか、

広告とか、そういう文章表現を使うときに、結構使えると思います。


俺も、メッセージボードにこれを使おうかなと思います。


実際のHTMLはこんな感じ。


<table border="2"><tbody><tr bgcolor="#ffc0cb"><th>スケジュール</th>
<th>時間</th>
</tr>
<tr><td>勉強</td>
<td>10~12時</td>
</tr>
<tr><td>昼食・食料品の買出し</td>
<td>12~13時</td>
</tr>
<tr><td>ネトゲ</td>
<td>13~16時</td>
</tr>
<tr><td>ブログデザイン変更</td>
<td>16~19時半</td>
</tr>
<tr><td>夕食</td>
<td>19時半~20時</td>
</tr>
<tr><td>ネトゲ</td>
<td>20時~21時半</td>
</tr>
<tr><td>ブログデザイン変更</td>
<td>21時半~23時半</td>
</tr>
<tr><td>寝ます</td>
<td>23時半~</td>
</tr>
</tbody>
</table>

ちょっと分かりにくいだろうから、すぐ使えるように書き直します。



タイトル1 タイトル2
項目1 項目2
項目3 項目4


<table border="2"><tbody><tr bgcolor="#ffc0cb"><th>タイトル1</th>
<th>タイトル2</th>
</tr>
<tr><td>項目1</td>
<td>項目2</td>
</tr>
<tr><td>項目3</td>
<td>項目4</td>
</tr>
</tbody>
</table>

赤い文字の部分を書き直せば、コピーペーストするだけで簡単に表が作れます。


borderの値は、ヨコに並べた項目の数を表します。

ヨコに延ばしたければ、ここの値を増やして、タイトルのところを追加すればOK。


タテに延ばしたければ、

<tr><td>追加項目</td>
<td>追加項目</td>
</tr>

を途中で挿入しまくればOK。


もっと詳しい使い方とかは、HTMLで検索して調べてみるとかがいいと思います。


単純に表を使いたいときは、このブログのタグをコピーして、書き換えればすぐ済むんじゃないかなと

思います。


難しいことは分からなくても、赤い文字を書き換えれば使えるってえことで。


俺のスケジュールはバレちゃったわけですが、まぁ頑張ります♪

勉強、勉強!


ペタしてね 読者登録してね フォローしてね