バナーの上の一部領域をクリックできるようにしたい と、お客さんからの要望を受けました。私のHTML4.1仕込みの古い知識の中では、バナー画像の上にボタン画像を乗せて、領域指定とかして実装する、という答え。「でも、土台の画像と上のボタン画像がズレるんだよねぇ。」みたいなのをパッと思いついて少し面倒だなって思いました。でも、ちょっと調べてみたらHTML5では、すごく簡単にできるみたいです。簡単にできてしかも、クリックできる領域がズレ無さそう。ということで、うんこの画像を使って早速試してみました。 画像の上の複数のうんこをそれぞれ別のページにリンクさせる手順 まず、うんこ3つの画像を描く 色違いのうんこを3つ描きます。わかりやすくするため赤、青、黄の3色のうんこを用意しました。画像のサイズは縦300px横300pxにしてます。この後の作業はアドビのイラストレーターCCを使っています。(他の画像編
![うんこHTMLドリル!画像の上の複数のうんこをそれぞれ別のページにリンクさせる](https://cdn-ak-scissors.b.st-hatena.com/image/square/4cb70214d4a64401b0b1fcc3d282749c1ad67750/height=288;version=1;width=512/https%3A%2F%2Fwww.juku90.com%2Fwp-content%2Fuploads%2F2017%2F10%2F3abbe6ba49c6cb56fb39a60aba501efc.jpg)