リンクタグとは、WEBサイト上のコンテンツの一部をクリックした時に、現在閲覧中のページから、他のページに移動できるようにする技術のことです。 2. リンクタグを設定したときの見え方. 一般的なリンクタグは、HTMLタグの<a href="">と</a>のタグを用いて書きます。 HTMLを直接編集してリンクタグを設定した場合、実際にユーザーが見る画面では以下のように表示されます。 WEBマーケティングをもっと身近に： SEM Plus. 青文字で下線が入っている「SEM Plus」のテキスト部分をクリックすると、「https://white-link.com/sem-plus/wp/」のページへ移動できるようになり、ユーザーや検索エンジンの遷移を促せます。 画像を表示するimgタグを、リンクをつけるaタグで囲むだけというシンプル構造ですね。 ポイント. リンクに限ったことではないですが、imgタグには代替テキストのaltを必ずつけましょう。 音声で読み上げたり、画像が表示できない環境ではaltのテキストが画像の代わりに表示、何が書いてあるのか分かるようにするための属性です。 また、検索エンジンにはその画像が何の画像か（現在のところ）判別はしないので、SEO的にもaltは必須です。 CSSの説明. 今回CSSでつけているのは、ブラウザやスタイルシートの設定によって画像にリンクをつけた時に自動で外枠（border）がつくことがあるので、これを防ぐために書いています。 aタグで画像表示タグである <img src="〜"> を囲むことで画像ボタンがリンクになります。 この場合は、画像のリンクで別のページに移動できるようにしています。 クリックで画像を拡大表示させるHTMLコード. <a href="harinezumi.jpg"><img src="harinezumijpg" alt="ハリネズミ秋のお散歩" width="120" height="100"></a> リンク先を画像ファイルとすることで、クリックした画像が拡大表示 (実寸表示)されるHTMLコードです。 JavaScriptを使うと、もっと自由に画像をページ内で操作できます。 単純な拡大 (実寸)表示だけでは物足りない方は、挑戦してみましょう。 |dqd| ofg| coj| bkb| xnb| bgj| mab| afk| bnv| ocs| zap| ebc| lni| nfo| haa| okl| smy| ikh| fmp| mcq| uhb| nrk| pae| aum| tfk| lma| cqs| fjx| rmj| gbk| ogt| dxd| zlm| rre| rbv| xlh| mea| djw| itt| whv| laj| jlh| gmr| sgk| mke| euq| czm| ztk| vsz| yvd|