画像を表示させる
アップロードが出来たなら、タグで画像を表示出来ますo_
かならずマナーを守って
アップロードした画像をつかってくださいねo
素材はそれぞれの素材屋さんの規約を守ってください。
守らない人が多いから、「ガイア系ＨＰの人は使用禁止！」
なんてことになるんですょ…。
画像を入れる為のタグは
です。
「画像ＵＲＬ」「画像のタイトル」「幅」「高さ」を書いてくださいねo
説明しますが
src=「画像ＵＲＬ」にアップロードした
画像のＵＲＬをペーストしてくださいo
alt=「画像の説明」には、画像を見えない人にも
わかるように文字情報をいれてくださいo
width=「幅」と
height=「高さ」は、画像のプロパティなどを見て確認してくださいo
好きな数字にすると、そのサイズに拡大・縮小表示されますo
画像貼り付けのサンプル：
これだと、こんな感じになりますo
さて、上の画像の上にマウスカーソルをあわせてしばらく待ってみてくださいo
altで指定した文字「サンプル」がポップアップされて出ましたか？
これを「画像の説明の出るタグ」だといっている「タグ講座」もありますが、
altはあくまで画像の表示されない場合に表示される文字なので、
ここにいろいろ書くのはやめてくださいo
書くとしても簡潔にo
これでどうなりますか？
「バナーだょぉ」がポップアップしたと思いますo
多少の説明なら、こっちの方法で書いてくださいo
説明の文章ですが、
そのまま画像の次に普通に書くと、
例：
こんな感じになるょo
文字、下のほうだょね？
これをするにはalignを指定してくださいo
位置指定の部分には、
- top(画像の上部にテキストを揃えます）
- middle(画像の中心にテキストを揃えます。)
- bottom(画像の下部にテキストを揃えます。指定しないとこれになります)
- right(画像を右に寄せます)
- left(画像を左に寄せます)
の五つが指定できますo
例
- top文字が上のほうにつくょo
- middle文字が真ん中のほうにつくょo
- bottom文字が下のほうにつくょo
いずれも数字と文章の間にタグを挿入してますo
rightとleftはレイアウトが崩れるので、
愛香は嫌いです＝サンプルなしですo
バナーなどで画像にリンクを貼る場合は、
サンプル（別窓で開くよ）：
な、感じo
って、それはリンク関係のタグのところで紹介してるので簡単に…o
リンクをすると枠線が表示される場合があるので、画像のタグの中にborder='0'をつけくわえるのがポイントo
あんまり使わないけど、画像の上下左右に空白を作るには vspace='上下の空白' hspace='左右の空白'をつけくわえてねo
vspace='32' hspace='32'をつけくわえた場合↓