https://hmaster.net/


HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する 方法を分かりやすく解説しているサイトです。 初心者向けに見やすい、読みやすい作りになっています。

画像と文字の位置を指定する

<img src="画像のファイル名" align="位置">で画像と文字の 位置を指定することができます。 文字の位置は画像の右上、中央、右下、左右に表示することができます。

中央はmiddleとcenterの二通り指定できます。

【ブラウザ表示】

gazou文字が画像の右上にきてます。

gazou文字が画像の真中にきてます。

gazou文字が画像の右下にきてます。

gazou 複数行の文字を
画像の右に
持ってこれます。


gazou 複数行の文字を
画像の左に
持ってこれます。


ソース

<img src="welcome26.jpg" align="top" alt="gazou">文字が画像の右上にきてます。
<img src="welcome26.jpg" align="middle" alt="gazou">文字が画像の真中にきてます。
<img src="welcome26.jpg" align="bottom" alt="gazou">文字が画像の右下にきてます。
<img src="welcome26.jpg" align="left" alt="gazou">
複数行の文字を<br>画像の右に<br>持ってこれます。
<img src="welcome26.jpg" align="right" alt="gazou">
複数行の文字を<br>画像の左に<br>持ってこれます。

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

画像を表示する
画像を拡大、縮小する
画像の説明文を表示する
画像に枠をはめる
画像を壁紙にする
文字の回り込みを解除する
画像の周りに余白を入れる

HTMLタグ一覧のページに戻る