【ブログ技vol.1】〜表をいれてみよう!!〜
「ブログで表を書きたい!! でも、どうやって書くかわからない・・・。」
そんな方の為に、今日は表の書き方を紹介したいと思います(*'‐'*)
表は<HTMLタグ>というタグを入力して、作成します。
まずは、基本から。
2列2行の表を作ってみましょう。
@まずは記事作成画面より、「HTML」のタブをクリックして画面を切り替えます。

A表を入れたい場所に、以下のHTMLタグを入力します。
| 【HTMLソース】 |
|
【ブラウザ表示】 |
<table border="1"> <tr> <td>A1</td> <td>A2</td> </tr> <tr> <td>B1</td> <td>B2</td> </tr> </table> | |
|
B列を増やしたいときは、
赤字部分を追加します。
| 【HTMLソース】 |
|
【ブラウザ表示】 |
<table border="1"> <tr> <td>A1</td> <td>A2</td> <td>A3</td> </tr> <tr> <td>B1</td> <td>B2</td> <td>B3</td> </tr> </table> | |
|
C列を増やしたいときは、
青字部分を追加します。
| 【HTMLソース】 |
|
【ブラウザ表示】 |
<table border="1"> <tr> <td>A1</td> <td>A2</td> </tr> <tr> <td>B1</td> <td>B2</td> </tr> <tr> <td>C1</td> <td>C2</td> </tr> </table> | |
|
入力するのが面倒な方は、
上の【HTMLソース】部分をコピペして、文字の部分を変えてみてくださいね。
次回は、表のセルに色をつける方法をご紹介します♪
その他、「これはどうやるの?」「こんなことってできるの?」なんて要望があったら、
どんどんコメントくださいね。