Come fare un orizzontale barra di navigazione Utilizzando HTML

April 19

Una delle prime cose che dovete aggiungere a qualsiasi sito web con più di una pagina è un menu di navigazione. Un menu di navigazione permette un accesso visitatore di eventuali altre pagine del tuo sito. Un rapido, semplice metodo di costruzione di una barra di menu orizzontale in HTML è quello di sfruttare il tag <table>. Posizionamento di collegamenti a pagine aggiuntive all'interno di una tabella li tiene in ordine e li distingue dal contenuto circostante.

istruzione

1 Definire il tavolo. In questo caso, utilizzare un bordo di un pixel e circondare le voci di menu con 30 pixel di imbottitura o spazio vuoto con il tag di apertura:

<Table border = "1" cellpadding = "30">

2 Avviare il primo (e solo in questo caso), riga con il tag:

<Tr>

3 Dichiarare ciascun elemento della riga della tabella con il tag <th> intestazione della tabella. Utilizzare questo tag per centrare automaticamente il testo e stamparlo in grassetto. Include i collegamenti ad altre pagine con il tag anchor <a> come segue:

<Th> <a href="index.html"> casa </a> </ th>

<Th> <a href="about.html"> Chi </a> </ th>

<Th> <a href="contact.html"> contatto </a> </ th>

<Th> <a href="links.html"> Link </a> </ th>

Queste dichiarazioni creano quattro collegamenti ipertestuali attivi etichettati casa, per bambini, di contatto e collegamenti all'interno delle cellule della tabella. Crea il tuo e modificare come le vostre esigenze richiedono.

4 Chiudere la riga della tabella e definizione della tabella con i seguenti tag:

</ Tr>

</ Table>

Consigli e avvertenze

  • Mettere una barra dei menu di navigazione in alto e in fondo alle pagine lunghe per ridurre la quantità di scorrimento i visitatori devono fare quando visitano il tuo sito.