如何創建HTML圖像映射(Create an HTML Image Map)？

當用超文本標記語言（HTML）將鏈接添加到圖像時，該鏈接將被添加到整個圖像中。如果程序員希望制作一個包含多個區域或按鈕的圖像，并且每個區域用于不同的鏈接，則可能會出現問題。HTML圖像映射允許程序員指定鏈接將要到達的特...

當用超文本標記語言（HTML）將鏈接添加到圖像時，該鏈接將被添加到整個圖像中。如果程序員希望制作一個包含多個區域或按鈕的圖像，并且每個區域用于不同的鏈接，則可能會出現問題。HTML圖像映射允許程序員指定鏈接將要到達的特定區域，允許他或她在一個圖像中嵌入多個鏈接。這是通過指定鏈接的形狀并告訴HTML鏈接要使用的坐標來完成的。當圖像用HTML放到網站上時，程序員必須寫下：usemap=test。用于Internet的圖像是以像素為單位的。知道有多少像素在圖像中是創建圖像映射的第一個基本步驟。例如，使用的矩形圖像的高度為400像素，寬度為250像素。接下來，程序員必須知道如何精確測量HTML圖像映射的坐標形狀。左上角稱為0，當使用HTML圖像映射時為0。在本例中，右下角將為250400。測量時首先使用寬度，然后是高度。一個簡單的方法是，第一個測量值告訴HTML從左邊緣到右邊有多遠，第二個測量值是如何告訴它向下移動多少個像素。如果程序員希望地圖上的一個點離左邊緣10個像素，向下50個像素，那么坐標應該是10，50.程序員可以為HTML圖像映射調用三種不同的形狀：rect、circle和polygon。“rect”代表矩形，程序員必須先鍵入左上角的坐標，然后再鍵入右下角的坐標。圓是通過鍵入圓開始處的坐標來指定的，然后是圓的半徑。從上到右輸入所有五個坐標即可創建多邊形HTML圖像映射編碼就像此：地圖名稱=“test”area href=“url.html”shape=rect coords=“10,50,20,60”area href=“url.html”shape=circle coords=“10,50,4”area href=“url.html”shape=polygon coords=“10,50,12,55,15,60,13,65,8,55”每個html圖像地圖必須有一個名稱，“url.html”部分是一個鏈接，當用戶單擊圖像映射時，該部分將引導用戶。當圖像用html放到網站上時，程序員必須編寫：usemap=“test”。這將告訴圖像要使用什么html圖像映射

發表于 2020-08-07 07:06
閱讀 ( 642 )
分類：電腦網絡

如何創建HTML圖像映射(Create an HTML Image Map)？

你可能感興趣的文章

相關問題

0 條評論

作家榜 ?

推薦文章