« 外付けハードディスクがマイコンピュータに表示されない | トップページ | [Googleドライブ] ドキュメントに埋め込んだハイパーリンクが効かない »

[html] 画像の下に文章を入れたい

<img src="image.jpg">の後に改行タグ<br>を入れる

例:
<p>
<img src="image.jpg"><br>
テキスト1行目<br>テキスト2行目
</p>

別法:Tableタグで表を作成し、上段に画像、下段にテキストを入れる

備考:
1)改行タグ<br>を入れないと、デフォルトでは画像の右下にテキストが回り込む

2)この場合、img要素に align="" を追加して、画像に並ぶテキストの位置を指定できる
--------------------------------
 説明
--------------------------------
top 上端揃え
middle 中央揃え
bottom 下端揃え (初期値)
left 左フロート
right 右フロート
---------------------------------

3)画像と文章の間のスペース調整するには、画素単位で
<img src="画像"  vspace="縦間隔" hspace="横間隔" >

|

« 外付けハードディスクがマイコンピュータに表示されない | トップページ | [Googleドライブ] ドキュメントに埋め込んだハイパーリンクが効かない »

パソコン・インターネット」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック


この記事へのトラックバック一覧です: [html] 画像の下に文章を入れたい:

« 外付けハードディスクがマイコンピュータに表示されない | トップページ | [Googleドライブ] ドキュメントに埋め込んだハイパーリンクが効かない »