Inhoud

• routebeschrijving
• Onderstreep tekst met behulp van CSS
• Onderstreep tekst met HTML
• tips
• waarschuwing
• Wat je nodig hebt

Onderstreping kan worden gebruikt om tekst in webpagina's te markeren en te benadrukken. Tekst kan worden onderstreept met behulp van CSS-stijlbladen, met de eigenschap text-decoration of, minder bij voorkeur, met het HTML U-element.

routebeschrijving

Leer HTML-tekst te onderstrepen (Informatie Internet Link afbeelding door Georgios Alexandris van Fotolia.com)

Onderstreep tekst met behulp van CSS

1. Zoek of typ de tekst die u wilt onderstrepen.

2. Plaats het in een SPAN-element door een openingstag toe te voegen vóór de tekst en daarna een afsluitende tag.

3. Geef op door de tekst in de SPAN te onderstrepen door er een STYLE-kenmerk aan toe te voegen, als volgt: STYLE = "tekstdecoratie, onderstrepen;"

4. Voeg een class -kenmerk toe aan de SPAN en geef de naam van een CSS-klasse die het onderstrepingsteken van de tekst definieert. Dit is een alternatief voor het gebruik van het STYLE-kenmerk, zoals beschreven in de vorige stap. Het formaat van de CSS-klassenverklaring is als volgt: .mijn-onderstreepte klasse {tekstversiering: onderstrepen; }

   
   

Onderstreep tekst met HTML

1. Zoek of typ de tekst die u wilt onderstrepen.

2. Neem het op in een U-element door een opening- en een sluittag voor en achter de tekst te plaatsen.

3. Dit kan snel worden gedaan.

tips

• Als u een WYSIWYG HTML-editor gebruikt, zoekt u naar het onderstreepte menu-item of werkbalkpictogram om de tekst te onderstrepen zonder de CSS of HTML te hoeven coderen.
• De CSS text-decoration-eigenschap kan ook worden gebruikt om een ​​overline, doorlopende tekst te plaatsen of de reeds bestaande onderstreping (geen) uit te schakelen.

waarschuwing

• Vergeet niet dat onderstrepingen vaak worden gebruikt in webpagina's om links aan te geven waarop u kunt klikken, dus gebruik ze spaarzaam om verwarring te voorkomen.

Wat je nodig hebt

• Tekst- of HTML-editor