Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Computer Programming Languages >> .

Come creare una mappa immagine utilizzando la programmazione HTML

Comprendere HTML è uno dei linguaggi di programmazione più di risorse da utilizzare per costruire una pagina web . HTML utilizza i tag per aggiungere attributi alle tue pagine web . I quattro i tag più utilizzati dai documenti HTML sono , , e <BODY ...> . Questi tag definiscono il tipo di documento che è, e le sezioni maggiori . Documenti HTML di solito hanno l'estensione . Html o . Htm . È possibile usare l'HTML per creare una mappa immagine che divide l'immagine in diversi settori che puntano a una pagina Web diversa . Se si sceglie di creare mappe di immagini , si consiglia di utilizzare le immagini che hanno diverse aree distinte che i lettori possono selezionare. Fotografie di solito non sono una buona scelta per le mappe immagine . Creazione di mappe immagine è un buon modo per dare le vostre pagine più appeal . Questa guida vi insegnerà come aggiungere mappe immagine alla tua pagina . Si presenta un approccio molto semplice per personalizzare la tua pagina. Cose che ti serviranno <br> Computer <br> Show More Istruzioni <br> 1 <p> Avviare il word processor o editor di testo che verrà utilizzato per creare la tua pagina web . Individuare la pagina sul PC che si sta modificando . Aggiungere l'immagine che si desidera utilizzare una mappa immagine per la tua pagina web . Includerlo all'interno del tag <CENTER> . <br> 2 <p> Tipo " USEMAP = " # ? " All'interno del tag <IMG> . Sostituire il punto interrogativo con il nome dell'immagine della mappa . tipo " </center >" per chiudere il tag . <br> 3 <p> Tipo " <MAP NAME="?"> " Sostituire il punto interrogativo con il nome della mappa immagine il testo dovrebbe essere simile al seguente : . <CENTER> <IMG SRC="name.gif" USEMAP="#menumap"> ; ? < /CENTER > <MAP NAME="menumap"> <br> 4 <p> tipo " < AREA SHAPE = " " " Sostituire il punto interrogativo con la forma della zona . Utilizzare rect di rettangolo, cerchio per cerchio e poli per una forma irregolare . <br> 5 <p> Tipo " COORDS = " a, b ​​, c, d & # x201D , " per le coordinate di un rettangolo Sostituire l' . " a e B " con le coordinate dell'angolo in alto a sinistra Sostituisci. " C e D " con le coordinate dell'angolo in basso a destra per un cerchio , tipo ". COORDS = & # x201C , a, b , r " " dove "a , b " sono le coordinate per il centro del cerchio e "r" . è il raggio per un poligono , tipo " COORDS = " a, b , c, d ... " " dove "a , b, c , d" sono le coordinate di ogni punto del poligono . <br> 6 <p> Tipo " href =" ? "". sostituire il punto interrogativo con l'indirizzo della pagina web che si desidera che l' area dell'immagine per il collegamento. Ripetere i passaggi 4-6 per ogni area dell'immagine . tipo " < /mAP > " per completare la mappa immagine . <br> 7 <p> Verificare che il testo è simile al seguente : < AREA SHAPE " rect " COORDS = " 31,50,155,120 " HREF = & # x201C ; website.html " > < /mAP > <br> 8 <p> Aprire un nuovo browser Web per verificare che la pagina web viene visualizzata la mappa immagine correttamente prova il tuo sito e verificare che i visitatori possono . clicca su una zona della mappa immagine per visualizzare la pagina Web collegata . <br> <br> <ul class="mhjkhjlj"> <li> <a class='LinkPrevArticle' href='/Programmazione/Computer-Programming-Languages/1177734.html' >Come cambiare stile di punto utilizzando la programmazione HTML </a></li> <li> <a class='LinkNextArticle' href='/Programmazione/Computer-Programming-Languages/1177738.html' >Come modificare Caso testo utilizzando la programmazione HTML </a></li> </ul> <div class="deep"> <div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div> <div class="guanggadsadswqew1"></div> </div> <div class="xiangguanleitong"> <div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div> <ul> <li><a href="/Programmazione/PHP--MySQL-Programmazione/1186134.html" target="_blank">MySQL Selezionare Numero di Records Tutorial </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181508.html" target="_blank">Come convertire un nodo regolare a un nodo jQuery </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1183514.html" target="_blank">Come algoritmi di ricerca in PHP </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1176162.html" target="_blank">Come aggiungere un utente a un gruppo Wheel </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175182.html" target="_blank">Come eseguire gli script PowerShell dalla riga di comando </a></li><li><a href="/Programmazione/rubino-Programmazione/1188394.html" target="_blank">Procedura: Array di Sentence in Ruby </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175624.html" target="_blank">Come impostare una casella combinata al valore di default </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1173944.html" target="_blank">Come uccidere un lavoro in un batch GNU </a></li> </ul> </div> </div> </div> <div class="woshiyouleirog"> <div class="zxtjianasd"> <div class="bidssdfjm3"><h4>Articoli consigliati</h4></div> <div class="dasdcdfurit33"> <ul> <li><a href="/Programmazione/Computer-Programming-Languages/1174960.html" target="_blank">Come creare div galleggianti </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1176666.html" target="_blank">Come calcolare PPS </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1173706.html" target="_blank">Come fare una stringa ASCII in VBScript </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1176070.html" target="_blank">Come Loop Through tipi MIME </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1174708.html" target="_blank">Come sostituire Point Rettangoli Pareggio in WPF </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175424.html" target="_blank">Come creare un messaggio a più linee a Vb.Net </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1175090.html" target="_blank">Come sbarazzarsi di Inline Lista Padding </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1173506.html" target="_blank">Come connettersi a un database SQLCE in VS2008 </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1174216.html" target="_blank">Come migliorare la leggibilità del COBOL </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1172908.html" target="_blank">La funzione random in COBOL </a></li> </ul> </div> </div> <div class="guanggandgsa32a"> </div> <div class="huosirengs"> <li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li> </div> </div> </div> <div class="dsadsafa-da"> <p class="sdqwfwe42">  </p> <p class="vbnhg654">Programmazione © www.354353.com</p> <p class="iop8iud"> </p> </div> </div> </body> </html>