【ブログ技vol.1】～表をいれてみよう!!～
「ブログで表を書きたい!! でも、どうやって書くかわからない・・・。」
そんな方の為に、今日は表の書き方を紹介したいと思います（*'‐'*)
表は<HTMLタグ>というタグを入力して、作成します。
まずは、基本から。
2列2行の表を作ってみましょう。
①まずは記事作成画面より、「HTML」のタブをクリックして画面を切り替えます。
②表を入れたい場所に、以下のHTMLタグを入力します。
| 【HTMLソース】 |
|
【ブラウザ表示】 |
<table border="1">
<tr>
<td>A1</td>
<td>A2</td>
</tr>
<tr>
<td>B1</td>
<td>B2</td>
</tr>
</table> | |
|
③列を増やしたいときは、
赤字部分を追加します。
| 【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> | |
|
④列を増やしたいときは、
青字部分を追加します。
| 【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ソース】部分をコピペして、文字の部分を変えてみてくださいね。
次回は、表のセルに色をつける方法をご紹介します♪
その他、「これはどうやるの？」「こんなことってできるの？」なんて要望があったら、
どんどんコメントくださいね。