超初心者応援講座無料テンプレート解説付簡単HP作成画像貼り付けタグテーブルタグHTML小技集サイトマップHOME

画像貼り付けタグ>画像を横へ並べる

カラーサンプル  ┃METAタグを自動作成  ┃タグお試し
■ 画像をぴたりとくっつける (4枚くっつけてみました

ひだりみぎひだりみぎ

<img src="画像のアドレス" alt="簡単な説明" height="高さ" width="幅">のタグを横にくっつけて繰り返すと
ページの左側へ画像がぴったりとくっついた状態で表示されます。
■ 画像を並べページの真ん中へ持っていきたい時
<center>
<img src="画像のアドレス" alt="簡単な説明" height="高さ" width="幅"><img src="画像のアドレス" alt="簡単な説明" height="高さ" width="幅">
</center>
<center>〜</center>で挟む、これをセンタリングといいます

みぎみぎ
ページの真ん中へ移動し、画像がぴったりとくっつく状態で表示されます

■ 全角スペース一つ分の隙間を開ける
画像の間に少しの(間隔)隙間を作るには、タグとタグの間へ全角スペース一つ分空けます

<img src="画像のアドレス" alt="ひだり" width="150" height="130"> <img src="画像のアドレス" alt="みぎ" width="150" height="130">
ひだり みぎ ひだり
■ 全角スペース一つ分では無くタグで隙間を開けるには
<img src="画像のアドレス" alt="ひだり" width="150" height="130" hspace="数字">
hspace="数字"をタグへ入れると隙間が思いどおりにできます。
三枚並べる場合は、真ん中の画像へ入れると両端が離れます
hspace="10"で全角スペース1つ分くらいの隙間。下記は、30です
ひだりみぎひだり


Googleサイトマップ送信方法無料ゲーム集お勧めブログ無料HPレンタル集フリーソフト集無料掲示板集星への手紙

SakuraRooM「超初心者の簡単HP作成」