Hoe tekst op te maken in HTML-lijsten

HTML-lijsten zijn extreem aanpasbaar met CSS. Veel van het menu van een website wordt mogelijk gemaakt door zorgvuldig opgemaakte HTML-lijsten. Als je het lef hebt om de broncode van Facebook te overschrijden, kun je zelfs zien dat ze ongeordende HTML-lijsten gebruiken om de navigatie te stylen. Er zijn twee elementen om tekst in een lijst te stylen: de baselijst-tag ("

") en de lijstitemtag ("
• "). U kunt ook een klasse of een stijl gebruiken om een ​​enkele of een reeks HTML-lijsten op te geven. Het opmaken van de tekst kan daar op elk niveau worden afgehandeld.

  1.

  Open uw trapsgewijze stylesheet-bestand - met de .css-bestandsextensie - in de door u gewenste platte teksteditor. Geef "ul" op (of "ol" als u een geordende lijst opmaakt) of de id van uw lijsttag. Bijvoorbeeld, als je aan het formatteren bent "

  , "je zou beginnen met:

  ul {}

  2.

  Voeg de tekstopmaak toe samen met andere opmaak voor uw ongeordende lijst. Als u bijvoorbeeld alle tekst in een ongeordende lijst 12pt en blauw wilt plaatsen, kan het er ongeveer zo uitzien:

  ul {font-size: 12pt; kleur: # 8CCCC8; }

  3.

  Verander het lijststijl-type - de afbeelding of het symbool aan het begin van elk lijstitem. W3Schools.com specificeert meer dan een dozijn verschillende types voor de lijststijl. Als u niets wilt aan het begin van de lijst, kunt u "list-style: none;" gebruiken, bijvoorbeeld:

  ul {font-size: 12pt; kleur: # 8CCCC8; lijststijl: geen; }

  4.

  Sla uw stylesheet en document op en test vervolgens de lijstitems in uw browser.

  Tips

  • Als u de lijst wilt gebruiken als een horizontaal navigatie-element, kunt u gebruiken
  • "display: inline" en "float: left;".

  Waarschuwing

  • Gebruik alleen een gewone teksteditor, zoals Kladblok, Notepad ++ of TextWrangler, om HTML- en CSS-bestanden te bewerken.