mamohoのＨＰ作成講座

画像に対するテキストの位置

●　画像に対するテキストの位置

画像に対するテキストの並び方を指定してみましょうまず　画像を貼り付けるタグは

<img src="画像のＵＲＬ">

で　画像を貼り付けることができますその横に　テキストを書き込むと

そこで　このテキストを画像の上のほうに持って行きたいと思います
そんな場合は　 align="top" 　をあとにつけて指定します

<img src="画像のＵＲＬ" align="top">

すると　下のようになります

次は　このテキストを　画像の中央に持っていきたいと思います
その場合は　 align="middle" 　を指定します

<img src="画像のＵＲＬ" align="middle">

すると　下のようになります

middle を指定しています

今度は　テキストを　画像の下側に持っていきたいと思います
普通に画像の横にテキストを入れるのと同じになりますその場合には　 align="bottom" 　を指定します

<img src="画像のＵＲＬ" align="bottom">

すると　下のようになります

bottom を指定しています

通常では　画像の大きさにかかわらず　その画像の前後にあるテキストは一行のみで画像は　その前後にあるテキストと同じ行に配置されるようになっています