kent。の隠れ家          アダルトリンクは即削除します!。

kent。の隠れ家          アダルトリンクは即削除します!。

簡単HTML 画像の横に文字を書いて



画像の横に文字を書いてみよう
(ウインドウサイズは最大化してください)

日記など文章と画像を一緒に書きたいときに使えます
まず普通に書いてみると 次のようになります
ここに文字が入る ここに文字が入る
のりP-
ここに文字が入る ここに文字が入る
標準 何も指定をしないとき
タグで書いてみると 次のようになります
画像の横には文字は書けません
ここに文字が入る ここに文字が入る
<IMG src="http:// ~~~~~~~~~~~~~~ alt="○○○">
ここに文字が入る ここに文字が入る
画像の左に 文字を書いてみます タグで書いてみると 次のようになります
のりP- 文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左にきます 文字がこのように画像の左にきます
<IMG SRC="http://~~~~~~~ alt="○○○" ALIGN=RIGHT >
文字が左に入ります


文字が左に入ります
文字が左にきます 文字がこのように画像の左にきます
赤字の部分  ALIGN=RIGHT を追加すれば文字は画像の左に入ります
応用  画像の周りに スペースを入れて 
画像の周りにスペースをつけて 画像の左に 文字を書いてみます タグで書いてみると 次のようになります
のりP- 文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります
文字が左に入ります 文字が左に入ります 文字がこのように画像の左にきます
<IMG src="http://~~~~~~~ alt="○○○"align="right" VSPACE="20" HSPACE="40" >
左に入ります 文字が左に入ります
文字が左に入ります


文字が左に入ります
文字が左に入ります 文字が左に入ります 文字がこのように画像の左にきます
VSPACE="20" ←上下のスペース入れる      HSPACE="40" ←左右のスペースを入れる (数字はピクセル)
画像の右に 文字を書いてみます タグで書いてみると 次のようになります
のりP- 文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字がこのように画像の右にきます
<IMG src="http://~~~~~~~ alt="○○○" ALIGN=LEFT >
文字が右に入ります


文字が右に入ります
文字がこのように画像の右にきます
赤字の部分  ALIGN=LEFT を追加すれば文字は画像の右に入ります
応用  画像の周りに スペースを入れて 
画像の周りにスペースをつけて 画像の右に 文字を書いてみます タグで書いてみると 次のようになります
のりP- 文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字が右に入ります
文字がこのように画像の右にきます文字が右に入ります
<IMG src="http:// ~~~~~~~ alt="○○○"align="left" VSPACE="20" HSPACE="40" >
文字が右に入ります


文字が右に入ります
文字がこのように画像の右にきます
文字が右に入ります
VSPACE="20" ←上下のスペース入れる      HSPACE="40" ←左右のスペースを入れる (数字はピクセル)


補足説明 と 応用を見るときは  ここを  クリック


TOPに戻る

Homeへ戻ります


© Rakuten Group, Inc.
X
Create a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: