リンクの貼り方

☆*･カフェビバーチェ｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

木曜日とご予約、イベント開催の場合は曜日にかかわらず、11:00～15:00、カフェをオープンしています。

コンセプトは、「おいしく健康に！」
食育トレーナーのオーナーが
コーヒー、お茶をはじめ、スイーツ、ランチなど
身体に優しいメニューをご用意してお待ちしています。

少人数グループのイベント会場としてもご活用くださいね。

☆*･゜ﾟ･*:.｡..｡.:*･☆･*:.｡. .｡.:*･゜ﾟ･*☆*･゜ﾟ･*:.｡..｡.:*･☆

おはようございます。
夢が叶うブログのHirokoです。

ブログやホームページの『リンク』は、
他のサイトを参照したり、
自分のサイトの別ページを表示したり、
便利な機能ですよね。

文字にリンクを貼る場合、

たとえば、私のカフェのホームページにリンクを貼るとき、
リンク先のURLは、http://cafe-vivace.com/

リンクを貼る文字は、カフェビバーチェはこちら...
だと、HTMLでは、
<a href="http://cafe-vivace.com/">カフェビバーチェはこちら...</a>

と書きます。
<a href="http://cafe-vivace.com/" target="_blank">
を入れると、新しいウィンドウでリンク先を開きます。

こんな感じ↓

カフェビバーチェはこちら...

画像にリンクを張る場合、
画像をとするとき、

<a href="http://cafe-vivace.com/"><img src="画像のURL" alt="CAFE-Vivarce" /></a>

と書きます。

こんな感じ↓




HTMLを書けるようになると自由に画面のデザインができるようになります。

これから少しずつ解説していきますね。

今日も最後まで読んでいただいてありがとうございました。