1×2～1×4の表

ブログ記事内に簡単に表を入れましょう♪

だけど、その前にこちらを読まれてくださいね
枠や表を入れる前に覚えておくこと


表（1×2）縦1　横2

1-1ここに文字　　改行したい場合は、その部分に を挿入してください

1-2ここに文字　　改行したい場合は、その部分に を挿入してください

ここから
<table border="1"><tr><td>
1-1ここに文字　　改行したい場合は、その部分に<br>を挿入してください
</td><td>
1-2ここに文字　　改行したい場合は、その部分に<br>を挿入してください
</td></tr></table>
ここまで


※アンダーライン部分は説明ですので、文字を入れたら消して下さい
※赤文字部分は説明ですので、赤文字に挟まれた部分をコピー＆ペーストしてください


表（1×3）縦1　横3

1-1ここに文字　　改行したい場合は、その部分に を挿入してください

1-2ここに文字　　改行したい場合は、その部分に を挿入してください

1-3ここに文字　　改行したい場合は、その部分に を挿入してください

ここから
<table border="1"><tr><td>
1-1ここに文字　　改行したい場合は、その部分に<br>を挿入してください
</td><td>
1-2ここに文字　　改行したい場合は、その部分に<br>を挿入してください
</td><td>
1-3ここに文字　　改行したい場合は、その部分に<br>を挿入してください
</td></tr></table>
ここまで


※アンダーライン部分は説明ですので、文字を入れたら消して下さい
※赤文字部分は説明ですので、赤文字に挟まれた部分をコピー＆ペーストしてください



表（1×4）縦1　横4

1-1ここに文字　　改行したい場合は、その部分に を挿入してください

1-2ここに文字　　改行したい場合は、その部分に を挿入してください

1-3ここに文字　　改行したい場合は、その部分に を挿入してください

1-4ここに文字　　改行したい場合は、その部分に を挿入してください

ここから
<table border="1"><tr><td>
1-1ここに文字　　改行したい場合は、その部分に<br>を挿入してください
</td><td>
1-2ここに文字　　改行したい場合は、その部分に<br>を挿入してください
</td><td>
1-3ここに文字　　改行したい場合は、その部分に<br>を挿入してください
</td><td>
1-4ここに文字　　改行したい場合は、その部分に<br>を挿入してください
</td></tr></table>
ここまで


※アンダーライン部分は説明ですので、文字を入れたら消して下さい
※赤文字部分は説明ですので、赤文字に挟まれた部分をコピー＆ペーストしてください

四角い枠（文字、枠内色つき）

四角い枠（枠内色つき）

土を耕し、花を植える

ここから
<table border="1" bgcolor="#DEB887"><tr><td>
土を耕し、花を植える
</td></tr></table>
ここまで


※アンダーライン部分は、文字を入れたら消して下さい
※赤文字部分は説明ですので、赤文字に挟まれた部分をコピー＆ペーストしてください



四角い枠（文字色つき）

土を耕し、花を植える

ここから
<table border="1" ><tr><td>
<font color="#228B22">
土を耕し、花を植える
</font>
</td></tr></table>
ここまで


※アンダーライン部分は、文字を入れたら消して下さい
※赤文字部分は説明ですので、赤文字に挟まれた部分をコピー＆ペーストしてください



四角い枠（文字、枠内色つき）

土を耕し、花を植える

ここから
<table border="1" bgcolor="#DEB887"><tr><td>
<font color="#228B22">
土を耕し、花を植える
</font>
</td></tr></table>
ここまで


※アンダーライン部分は、文字を入れたら消して下さい
※赤文字部分は説明ですので、赤文字に挟まれた部分をコピー＆ペーストしてください



四角い枠（枠無し、文字・枠内色つき）

土を耕し、花を植える

ここから
<table bgcolor="#DEB887"><tr><td>
<font color="#228B22">
土を耕し、花を植える
</font>
</td></tr></table>
ここまで


※アンダーライン部分は、文字を入れたら消して下さい
※赤文字部分は説明ですので、赤文字に挟まれた部分をコピー＆ペーストしてください



＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
補足説明：
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
table　→　枠を表すもので最初と最後に必ず入っていなければならない
<table></table>

table border="1"　→　枠の線を表す

table bgcolor="#DEB887"　→　枠内の色を示すもので、＃後の6英数字（半角）が、色のコード

font color="#228B22"  →　文字色を示すもので、＃後の6英数字（半角）が、色のコード

カラーコードに関しては、こちらのサイトを参考にされてください
http://www5.plala.or.jp/vaio0630/hp/c_code.htm　　カラー名も出ています
http://www.finitojapan.com/cltable.html　　配色をするのに便利です

四角い枠（二つ～４つ並べる）

四角い枠を二つ並べる

土を耕し、花を植える①

土を耕し、花を植える②

ここから
<table><tr><td>
<table border="1" ><tr><td>
土を耕し、花を植える①
</td></tr></table>
</td><td>
<table border="1" ><tr><td>
土を耕し、花を植える②
</td></tr></table>
</td></tr></table>
ここまで

※アンダーライン部分は、文字を入れたら消して下さい
※赤文字部分は説明ですので、赤文字に挟まれた部分をコピー＆ペーストしてください



四角い枠を三つ並べる

土を耕し、花を植える①

土を耕し、花を植える②

土を耕し、花を植える③

ここから
<table><tr><td>
<table border="1" ><tr><td>
土を耕し、花を植える①
</td></tr></table>
</td><td>
<table border="1" ><tr><td>
土を耕し、花を植える②
</td></tr></table>
</td><td>
<table border="1" ><tr><td>
土を耕し、花を植える③
</td></tr></table>
</td></tr></table>
ここまで

※アンダーライン部分は、文字を入れたら消して下さい
※赤文字部分は説明ですので、赤文字に挟まれた部分をコピー＆ペーストしてください



四角い枠を四つ並べる

土を耕し、花を植える①

土を耕し、花を植える②

土を耕し、花を植える③

土を耕し、花を植える④

ここから
<table><tr><td>
<table border="1" ><tr><td>
土を耕し、花を植える①
</td></tr></table>
</td><td>
<table border="1" ><tr><td>
土を耕し、花を植える②
</td></tr></table>
</td><td>
<table border="1" ><tr><td>
土を耕し、花を植える③
</td></tr></table>
</td><td>
<table border="1" ><tr><td>
土を耕し、花を植える④
</td></tr></table>
</td></tr></table>
ここまで

※アンダーライン部分は、文字を入れたら消して下さい
※赤文字部分は説明ですので、赤文字に挟まれた部分をコピー＆ペーストしてください

四角い枠（文字を中央に寄せる）

大きめの枠の中に文字を中央寄せ（センタリング）

ここから
<table width="50%" border="1">
    <tbody>
        <tr>
            <td height="50"><center>ここに文字　　改行したい場合は、その部分に<br>を挿入してください</center></td>
        </tr>
    </tbody>
</table>
ここまで


※アンダーライン部分は説明ですので、文字を入れたら消して下さい
※赤文字部分は説明ですので、赤文字に挟まれた部分をコピー＆ペーストしてください


こんな感じになります↓

ここに文字　　改行したい場合は、その部分に を挿入してください

四角い枠（文字を囲む）

普通の四角い枠（文字の幅や列を囲む）

ここからコピペ
<table border="1"><tr><td>
ここに文字　　改行したい場合は、その部分に<br>を挿入してください</td></tr></table>
ここまで


※アンダーラインの部分は、説明書きですので文字を入れたら消して下さい
※赤文字は説明ですので、赤文字に挟まれた部分をコピー＆ペースト

こんな感じ↓

ここに文字　　改行したい場合は、その部分に を挿入してください