mamohoのＨＰ作成講座

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

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

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

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

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

テキストを入れてみました

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

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

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

top を指定しています

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

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

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

middle を指定しています

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

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

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

bottom を指定しています

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