Hvordan lage en horisontal navigasjonsfelt Ved hjelp av HTML

En av de første tingene du trenger å legge til en nettside med mer enn én side er en navigasjonsmeny. En navigasjonsmenyen kan en besøkende tilgang til noen ekstra sider på nettstedet ditt. En rask, enkel metode for å konstruere en horisontal menylinjen i HTML er å dra nytte av <table> -taggen. Plassering linker til flere sider inne i en tabell holder dem i orden og skiller dem fra de omkringliggende innhold.

Bruksanvisning

1 Definere tabellen. I dette tilfellet bruker en en-pixel grensen og surround menyelementene med 30-piksler av padding eller tom plass med åpningen tag:

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

2 Start første (og i dette tilfellet bare) rad med koden:

<Tr>

3 Erklærer hvert element i tabellen rad med <th> table header tag. Bruk denne koden for å automatisk sentrere teksten og skrive den i fet skrift. Inkluder lenker til andre sider med <a> ankerkoden som følger:

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

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

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

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

Disse uttalelsene opprette fire aktive hyperkoblinger merket Startside, Om, Kontakt og lenker inne i tabellens celler. Lag din egen og endre etter hvert som behovene krever.

4 Lukk raden i tabellen og tabelldefinisjonen med disse taggene:

</ Tr>

</ Table>

Hint

  • Plasser en navigasjonsmeny linjen øverst og nederst på lange sider for å redusere mengden av rulle de besøkende skal gjøre når du besøker nettstedet ditt.