Hvordan legge til en overskrift til en uordnet liste med HTML

I å bygge et nettsted som inneholder en stor mengde informasjon, kan det være lurt å opprette tekstlister som et middel til å organisere den informasjonen i en lett anvendelig måte. Sorterte lister - punktlister, i motsetning til bestilt lister, som bruker tall eller bokstaver for å indikere en ordre eller sekvens - er den vanlige måten å gjøre det når rekkefølgen av listeelementene ikke er av sentral betydning. Men lister i HTML ikke automatisk komme med noen form for header tekst for å forklare eller definere dem for leserne. Hvis du vil at listen skal starte med en overskrift, må du legge til en selv.

Bruksanvisning

1 Finn frem listen du vil legge til en header til i HTML-dokumentet. Spesielt må du finne åpne sorterte liste tag, som ser slik ut: <ul>. Hvis listen har nestet lister innen det, finne den første forekomsten av denne koden i reiret for å legge til en header til hele greia.

2 Legg til en linje rett over åpningen sorterte liste tag ved å trykke på "Return".

3 Lag en åpning og lukking overskriften koden i den nye linjen. Disse bør se slik ut: <h4> </ h4>.

4 Skriv inn header du vil skal vises over listen din i mellom den avsluttende parentesen i åpnings overskriften koden og åpningen braketten for den avsluttende overskriften koden.

5 Sjekk utseendet på den nye header ved å lagre HTML-dokumentet og åpne den i en nettleser. Avhengig av utformingen av området, må du kanskje justere størrelsen på overskriftsteksten. For å gjøre dette, må du endre nummeret i overskriften koder; lavere tall betyr en større header, mens høyere tall betyr en mindre en. Sørg for at du skriver inn det samme nummeret i både åpning og lukking header tag, eller det vil ikke fungere riktig.

6 Innrett hakket på den nye header med at resten av listen, hvis du ønsker, ved å flytte hele header (åpningen festet, selve teksten, og den avsluttende veggfestet) i mellom åpningen sorterte liste tag og første åpning listeelement tag, som ser slik ut: <li>. Dette vil rykke overskriften og gjøre det til en del av listen, men vil ikke legge en kule merke ved siden av det, som du ikke har gjort header et listeelement ved å omgi den med listepunkt koder.