TOPページ >  画像を表示する/動画/サウンド > 画像の左右に文字を回り込ませる

画像の左右に文字を回り込ませる

画像を表示させる際に、左右に余った余白に文章を回り込ませることができます。

<img src="画像URL" aling="画像表示位置">
回り込ませる文章

という記述になります。画像表示位置は、『left』(文章を右に回り込ませる)または『right』(文章を右に回り込ませる)から指定できます。

<img src="./sample/cherry.jpg" width="150" height="120" align="right" alt="桜の花の写真">
■20XX年4月12日■<br>
桜を見にいってきました。携帯のカメラで撮影したので画像が良くありませんが、本当にきれいでした。

このソースを表示させると、次のようになります。

桜の花の写真■20XX年4月12日■
桜を見にいってきました。携帯のカメラで撮影したので画像が良くありませんが、本当にきれいでした。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
バックグラウンドでサウンドを演奏する(BGM)
インラインフレームを表示する
プラグインで動画やサウンドを再生する
文字や文章、テーブルなどの背景画像の位置を指定する
文章の背景に画像を固定表示する
文章の背景に指定した画像を繰返し表示する
テーブルに画像やボタンを表示する
文章の背景画像を指定する
画像をクリックで拡大させる
画像への文字の回り込みを解除する
画像と文字の上下間隔を指定する
画像と文字の左右間隔を指定する
画像の左右に文字を回り込ませる
画像の表示位置を指定する
画像を表示させる
画像にリンクを貼る
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス