☆タグで並べる絵と画像タイル

小さな絵を並べるのにタグで位置や大きさを設定しました。
最初の絵は「枠付」、次の絵は「枠・余白なし」
…それぞれに書いたタグで何処が違うか分かると思います。(赤字部分)

その下の「洞爺湖畔の楓」と「東京タワー」は同じタイル絵ですが、
「洞爺湖畔の楓」は上の絵と同じタグ、中に縦画像があるので複雑です。

「東京タワー」は全体の横幅だけ設定。横に並べるタグだけだから簡単！
見た目は変わらないのですが画像の並び方でタグの量が違います。

(ブログの時は＜br＞を入れると一行空くので入れていません。
HPの場合は＜br＞を入れてお使いください。)

それぞれの画像にリンクを貼って使います…今はこれらにリンクなし。
HPでこの次の「東京編」で使おうと思っています。

岬のチコリ・ハマナス・紫陽花と百合

＜TABLE bordercolor="#33cc99" border="1"＞＜TR＞＜TD bgcolor="#ffffff" height="40" align="center" colspan="4"＞＜font size="2" color="blue" style="line-height:160%;"＞＜b＞岬のチコリ・ハマナス・紫陽花と百合＜/b＞＜/font＞＜/TD＞＜/TR＞＜tr＞＜td colspan="2"＞＜IMG src="https://blogimg.goo.ne.jp/user_image/6b/e0/d17ffb2e251a92dd87b217308416a3f7.jpg" width="206" height="103" border="0"＞＜/td＞＜td rowspan="2"＞＜IMG src="https://blogimg.goo.ne.jp/user_image/02/78/8ae34034a1c246825a4780a46372be16.jpg" width="100" height="206" border="0"＞＜/td＞＜/tr＞＜tr＞＜td rowspan="2"＞＜IMG src="https://blogimg.goo.ne.jp/user_image/70/11/4b3732295cb1bf55bfe988b980ee3336.jpg" width="100" height="206" border="0"＞＜/td＞＜td＞＜IMG src="https://blogimg.goo.ne.jp/user_image/7f/2d/c4970612c8d189e3226b8d0c8a3fcdc2.jpg" width="100" height="100" border="0"＞＜/td＞＜/tr＞＜tr＞＜td colspan="2"＞＜IMG src="https://blogimg.goo.ne.jp/user_image/7b/db/b825d43a27def3a4bfa17f1cca264f22.jpg" width="206" height="103" border="0"＞＜/td＞＜/tr＞＜/TABLE＞



＜TABLE border="0" cellpadding="0" cellspacing="0"＞＜tr＞＜td colspan="2"＞＜IMG src="https://blogimg.goo.ne.jp/user_image/6b/e0/d17ffb2e251a92dd87b217308416a3f7.jpg" width="200" height="100" border="0"＞＜/td＞＜td rowspan="2"＞＜IMG src="https://blogimg.goo.ne.jp/user_image/02/78/8ae34034a1c246825a4780a46372be16.jpg" width="100" height="200" border="0"＞＜/td＞＜/tr＞＜tr＞＜td rowspan="2"＞＜IMG src="https://blogimg.goo.ne.jp/user_image/70/11/4b3732295cb1bf55bfe988b980ee3336.jpg" width="100" height="200" border="0"＞＜/td＞＜td＞＜IMG src="https://blogimg.goo.ne.jp/user_image/7f/2d/c4970612c8d189e3226b8d0c8a3fcdc2.jpg" width="100" height="100" border="0"＞＜/td＞＜/tr＞＜tr＞＜td colspan="2"＞＜IMG src="https://blogimg.goo.ne.jp/user_image/7b/db/b825d43a27def3a4bfa17f1cca264f22.jpg" width="200" height="100" border="0"＞＜/td＞＜/tr＞＜/TABLE＞





＜TABLE border="0" width="500"＞＜img src="https://blogimg.goo.ne.jp/user_image/1c/99/00e20eea87841ee49e97b77e3cf93bc7.jpg" border="0"＞＜img src="https://blogimg.goo.ne.jp/user_image/06/c0/6714cda7643599cd19c6bc441b915218.jpg" border="0"＞＜img src="https://blogimg.goo.ne.jp/user_image/75/8a/2094ecd07fb4e9266e93f47f4b5f8248.jpg" border="0"＞＜img src="https://blogimg.goo.ne.jp/user_image/43/f5/9f6eddd19dc0fb03e835e3c35acaebc3.jpg" border="0"＞＜img src="https://blogimg.goo.ne.jp/user_image/6a/bc/391dca8d64f6daa5e7b80351ac40dd8d.jpg" border="0"＞＜img src="https://blogimg.goo.ne.jp/user_image/26/28/8b4afbb550f901b4536d21219892e6db.jpg" border="0"＞＜br＞＜/TABLE＞