誰でもわかるPHP入門

HTMLで画像にリンクを貼ってみよう!!

読了までの目安時間:約 2分

 

それでは次に画像にリンクを貼ってみましょう。

これはネットサーフィンの仕組みですのでPHPを学んでいく上で重要な事だと、波止の住人は思っています。なのでザックリ覚えておいてくださいね^^

2013y01m20d_154221338

まず、画像にリンクを貼る飛び先を決めてみましょうか。今回は、僕の運営するサイト、「1から始めるサイト作り^^たまに釣り」に飛んでみましょう。

まず左の画像ですが、今はリンクの貼られていない状態です。

 

TeraPadでこちらのHTMLを打ち込んでください。

<a href="URL"><img src="イメージ画像"/></a>

黄色い蛍光部分には飛びたい先のURLです。

赤い蛍光の部分には表示したい画像のURLが入ります。

<a href="http://hostgatordomains.com/"><img src="http://php.one-of-a-kind-deerpanels.com/wp-content/uploads/2013/01/2013y01m20d_154221338.jpg"/></a>

これでできあがりです。

こちらが正解です。↓↓↓

2013y01m20d_154221338

画像をクリックしてみてください。

飛んだでしょ。

以上がネットサーフィンの仕組みでした^^

<スポンサードリンク>

 

タグ :  

簡単HTML   コメント:0

この記事に関連する記事一覧