Hur skapar jag en HTML -bildkarta?

När en länk läggs till en bild i Hypertext Markup Language (HTML) läggs den länken till hela bilden. Detta kan vara ett problem om programmeraren vill göra en enda bild med flera områden eller knappar och varje område används för en annan länk. En HTML -bildkarta gör det möjligt för programmeraren att ange vissa områden där länken kommer att gå, vilket gör att han eller henne kan bädda in flera länkar i en bild. Detta görs genom att specificera en form för länken och berätta för HTML vilka koordinater som ska användas för länken.

Bilder som används för internet mäts i pixlar. Att veta hur många pixlar som finns i bilden är det första väsentliga steget för att skapa en bildkarta. Till exempel används en rektangulär bild som har en höjd av 400 pixlar och en bredd på 250 pixlar. Därefter måste programmeraren veta hur man exakt mäter formen i koordinater för HTML -bildkarta för att fungera korrekt.

THan övre vänstra hörnet kallas 0,0 när du använder en HTML -bildkarta. Det nedre högra hörnet i detta fall skulle vara 250 400. Mätningarna görs först med bredden och sedan höjden. Ett enkelt sätt att tänka på det är att den första mätningen berättar för HTML hur långt till höger att gå från vänster kant och den andra är hur det är hur många pixlar ska gå ner. Om programmeraren vill att en punkt på kartan ska vara 10 pixlar från vänster kant och 50 pixlar ner, skulle koordinaterna vara 10,50.

Det finns tre olika former som programmeraren kan åberopa för en HTML -bildkarta: rekt, cirkel och polygon. "Rect" står för rektangel, och programmeraren måste först skriva koordinaterna för det övre vänstra hörnet och sedan botten till höger. En cirkel specificeras genom att skriva koordinaterna där cirkeln börjar och sedan cirkelns radie. En polygon skapas genom att skriva in alla fem koordinaterna, från toppen till höger.

html Bildkartkodning går så här:




Varje HTML -bildkarta måste ha ett namn, och avsnittet "url.html" är länken där det avsnittet på bildkarta kommer att leda en användare när han eller hon klickar på den. När bilden placeras på webbplatsen med HTML måste programmeraren skriva: usemap = "test." Detta kommer att berätta bilden vilken HTML -bildkarta som ska användas.

ANDRA SPRÅK

Hjälpte den här artikeln dig? Tack för feedbacken Tack för feedbacken

Hur kan vi hjälpa? Hur kan vi hjälpa?