Maak opsommingstekens in HTML met behulp van
- labels.
Het gebruik van opsommingstekens helpt bij het opsplitsen van grote stukken tekst en het aanwijzen van lijsten met nuttige informatie. Opsommingstekens zijn eenvoudig te maken in tekstverwerkingssoftware, maar wanneer u een HTML-document typt, moet u de code kennen om ze te maken. Er is niet veel code nodig om een lijst met opsommingstekens te maken. Wikkel elke lijst in
- of "ongeordende lijst"-tags. U kunt dan alles doen wat u wilt met de lijst met opsommingstekens met behulp van Cascading Style Sheet-code.
Stap 1
Schrijf de tekst voor uw opsommingstekens. Begin elk punt op zijn eigen lijn. Wikkel elke regel in
Video van de dag
Stap 2
Maak een lege regel boven de lijst met opsommingstekens en typ vervolgens een opening
- tag op die regel. Zoek het einde van uw lijst met opsommingstekens en maak daar nog een lege regel. Typ een afsluiting
- label. Hier is een voorbeeld van een korte lijst met opsommingstekens met een ID-attribuut:
- Kogel één
- Kogel twee
Stap 3
Gebruik "stijl" om uw lijst met opsommingstekens te maken met behulp van CSS-code. Voeg CSS-code toe tussen de tags tussen de en tags, of u kunt de CSS-code in een extern .CSS-bestand schrijven en het bestand insluiten met een tag als volgt:. Wijzig "path/to/stylesheet.css" met het pad naar het .CSS-bestand dat u aanmaakt. Gebruik het ID- of class-attribuut om uw opsommingstekens te selecteren, zoals:
#mylist li { font-style: cursief; }
De bovenstaande code selecteert alles
Stap 4
Gebruik de eigenschap "list-style" in CSS om het type opsommingsteken te wijzigen. De beschikbare typen opsommingstekens zijn open cirkels, ingevulde schijven en vierkanten voor niet-genummerde, niet-geletterde lijsten. Hier is een voorbeeld voor vierkante kogels:
#mylist li {lijst-stijl: vierkant;}
Tip
Gebruik de
- tag in plaats van
- om geordende lijsten te maken. U kunt het type "lijststijl" vervolgens instellen op verschillende soorten cijfers of letters.
- tag een niet-herhalende, links uitgelijnde achtergrondafbeelding. Voeg opvulling toe aan de linkerkant van elk
- tag om de tekst te verplaatsen, anders overlapt deze de afbeelding.
Maak opsommingstekens voor afbeeldingen door "none" op te geven voor het attribuut "list-style" en geef dan elke
