Nwlapcug.com


Codice HTML per inserire un'immagine nella barra di navigazione

Codice HTML per inserire un'immagine nella barra di navigazione


Aggiunta di un'immagine o un pulsante di tipo grafico al menu di navigazione del tuo sito Web può aiutare a chiaramente sull'etichetta il contenuto in modo che i visitatori possono navigare il tuo sito facilmente. Il codice di Hypertext Markup Language per aggiungere un'immagine a un menu di navigazione è lo stesso codice IMG SRC usato per aggiungere un'immagine alla sezione corpo principale di una pagina Web. Affinché che l'immagine venga visualizzato correttamente senza danneggiare il disegno del menu di navigazione o layout di pagina generale, è necessario utilizzare una piccola immagine - solitamente solo 10 a 20 pixel dello schermo largo e profondo..--piuttosto che una grande foto. Potrebbe anche essere necessario regolare la larghezza complessiva dell'elemento della barra di navigazione per ospitare lo spazio extra richiesto dall'immagine.

Preparare l'immagine

Prima di aggiungere l'immagine con il codice HTML, è possibile aprire il file di immagine nel vostro programma di grafica preferito o applicazione di grafica predefinita del computer, ad esempio Microsoft Paint. Annotare la larghezza e l'altezza dell'immagine in pixel dello schermo. Microsoft Paint Visualizza queste informazioni nella barra di stato inferiore sotto l'immagine. Se necessario, ridurre le dimensioni dell'immagine fino a quando non è non più di 10 a 20 pixel in larghezza e altezza. Caricare l'immagine al server host del tuo sito Web.

Trovare il codice HTML dal Menu di navigazione

Lanciare il programma di editor HTML, applicazione Web per la progettazione o l'editor di testo Microsoft Notepad. Aprire la pagina Web che contiene la barra di navigazione a cui si desidera aggiungere l'immagine. Scorrere fino al codice esistente per la vostra barra di navigazione. Si dovrebbe essere in grado di trovare questo cercando l'elenco delle tue pagine del sito Web e gli URL per quelle pagine che compongono il codice per il menu di navigazione. Su alcuni siti, l'elemento di design potrebbe essere etichettato con "<-------> Menu di navigazione" o un testo simile.

Tipi di codice di navigazione HTML

Un menu di navigazione del sito Web HTML più solitamente è contenuto all'interno di un elemento HTML table o un elemento di divisione DIV. Trovare l'attributo di larghezza per la divisione o la tabella; ad esempio, < div style = "width: 400px" > o < larghezza tavola = "400" >. Aumentare l'attributo width per incorporare la larghezza dell'immagine; ad esempio, modificarlo in "420". Anche se è necessario modificare l'attributo width dell'elemento di menu di navigazione, non è necessario modificare la larghezza di altri elementi di design che lo circondano come maggior parte dei disegni pagina Web hanno una flessibilità sufficiente in loro di adattarsi ai cambiamenti di dimensione piccola layout.

Aggiungere il codice HTML dell'immagine

Per aggiungere il codice HTML per l'immagine, fare clic su codice dal menu della navigazione presso la posizione di inserimento per il codice dell'immagine. Digitare o incollare il codice riportato di seguito in questa posizione:

< img src = "immagini/esempio-Button. gif" alt = "example" >

Modificare il percorso del file all'interno del primo set di virgolette il percorso corretto della cartella e il file relativo alla pagina Web. In questo esempio, il file di immagine GIF è contenuto in una sottocartella di "immagini" nella directory principale del sito. Se si aggiunge l'immagine nella cartella radice principale, non è necessario il "immagini /" parte del percorso del file e il nome di file sarà sufficiente. Inoltre è possibile modificare la descrizione di immagine testo "Alt" per una descrizione di una o due parole dell'immagine. Salvare la pagina Web e caricarlo sul server Web per implementare le modifiche.