Quando si crea una barra di navigazione per il tuo sito, è possibile creare una barra di spostamento semplice che servirà allo scopo di fornire collegamenti ad altre pagine in un sito. Tuttavia, una semplice barra di navigazione HTML probabilmente non vincerà qualsiasi punti di stile. Se si desidera creare una barra di spostamento che sembra più professionale e comprende misure di collegamento standardizzati, si può considerare compreso un CSS float codice nel codice HTML.

Istruzioni

1

Accedere al server web. Selezionare il file HTML associato alla pagina in cui si desidera inserire una barra di spostamento per aprirlo.

2

Fare clic nella sezione < head > della tua pagina e inserire questo codice CSS:

< style type = "text/css" >

UL

{

list-style-type: none;

margin: 0;

padding: 0;

overflow: hidden;

}

li

{

float: left;

}

un

{

display: block;

Larghezza: 60px;

colore di sfondo: #dddddd;

}

< / stile >

3

Fare clic nella sezione < body > del documento nella posizione dove si desidera che la barra di navigazione a comparire:

< ul >

< li >< un href = "#item1" > 1 elemento < /a >< / li >

< li >< un href = "#item2" > 2 elemento < /a >< / li >

< li >< un href = "#item3" > 3 elemento < /a >< / li >

< li >< un href = "#item4" > 4 elemento < /a >< / li >

</UL >

4

Sostituire "Item 1", "Item 2," "Articolo 3" e "Articolo 4" con le categorie della barra nav.

5

Sostituire "#item1", "#item2", "#item3" e "#item4" con i collegamenti per i menu di barra nav.

6

Pubblicare la pagina.