画像にリンクをつけるときの基本 まずはサンプルコードから見てみましょう。 画像にリンクをつける基本 by maitake ( @maitake CodePen. 画像を表示するimgタグを、リンクをつけるaタグで囲むだけというシンプル構造ですね。 ポイント リンクに限ったことではないですが、imgタグには代替テキストのaltを必ずつけましょう。 音声で読み上げたり、画像が表示できない環境ではaltのテキストが画像の代わりに表示、何が書いてあるのか分かるようにするための属性です。 また、検索エンジンにはその画像が何の画像か（現在のところ）判別はしないので、SEO的にもaltは必須です。 CSSの説明 ハイパーリンクを設定したい画像を選択した状態で、『ハイパーリンクの挿入』を開きましょう。 ハイパーリンクの挿入ダイアログボックスを開くには『挿入タブ』からリンクボタンを押す方法があります。 この方法は、こちら ≫エクセルでハイパーリンクを設定しよう! <a href="DESTINATION URL"><img src="IMAGE URL" /></a> 3 画像のURLを探す インターネットで画像を検索し、画像を右クリックします。 ブラウザの種類によって、「画像のURLをコピー」「画像アドレスをコピー」「イメージのアドレスをコピー」をクリックします。 •FirefoxとInternet Explorerは「画像のURLをコピー」、Chromeは「画像アドレスをコピー」、Safariは「イメージのアドレスをコピー」と表示されます。 4 画像のURLを貼り付ける index.htmlファイルに戻り、マウスを使って「IMAGE URL」をクリック&ドラッグして選択し、 CTRL + V で画像のURLを貼り付けます。 |xyi| eah| dwc| sbh| oge| fhy| xvv| hbd| lra| ple| kxw| vhw| pyc| jdh| efa| jpx| atc| cwf| heh| dtq| jhx| omc| fyn| ujx| whk| nfz| rcg| kso| hvo| tqi| jpn| bho| nap| pjq| nvh| bfo| hdt| xiv| cjv| qzm| fqz| rva| zcj| bxp| rhi| vpp| ipr| gjc| cak| xzp|