ホームベーカリーで作るパンのレシピ

ホームベーカリーで作るパンのレシピ

リンクと画像、


・リンクタグ

<a href="リンク先のURL">○○○ここに文字を書きます</a>


・画像でリンクしてみました。

思いつきでやってみたら、できちゃいました。(^_-)-☆

<a href="リンク先のURL">○○○ここに画像のURL</a>



例, 春の花のページへ・・・・・こうなります。

ベコニア

・画像の枠を取りたかったら、画像のURLの後に、半角スペースをあけて、
boder="0" を付け足します。
ochieさんのアドバイスです。
こんな風になります。

ベコニア






・画像の大きさを変えて見ましょう。

 これも、ためしにやってみたらできました。(^^♪

基本
<IMG SRC="http:で始まる画像のURL" width="160" height="180" alt="ベコニア">

数字を大きくしてみました。

width・・・・・横幅
height・・・・高さ

拡大
<IMG SRC="http:で始まる画像のURL" width="260" height="280" alt="ベコニア">


こうなります。
ベコニア

ベコニア

とっても、簡単、でも、大きくしすぎると、画像が乱れるので、注意!!






・画像の横に文字を書きます。

<img src="URL" align="○○○">ここから文字を書く

top にすると、こうなります。

ここから文字を書く


上 align="top"
真ん中 align="middle"
下 align="bottom"


bottomにすると、こうなります。

ここから文字を書く



・次は、画像の位置を、変えてみます。

aligin=rightにすると、画像が右側になります。

ここから文字を書く


© Rakuten Group, Inc.
X

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: