HTML giver forskellige stylingmuligheder til teksten. En af dem er at understrege HTML-teksten. Ved blot at understrege tegnes en lige linje under teksten uden at indtage linjen nedenfor. I denne vejledning lærer vi, hvordan du understreger HTML-teksten med < u > -tag, CSS-kode, CSS-klasse og indstil understregningsegenskaber og alternativer.

Understrege tekst med < u > Tag

HTML giver tagget < u > for at understrege den givne tekst i HTML. < u > er startmærket til understregning og < / u > bruges til at indstille slutningen af understregningen. Understrege tags kan bruges til forskellige teksttyper som hyperlinks, fed tekst osv. Uden problemer. I det følgende eksempel understreger vi et enkelt ord eller en komplet sætning eller et hyperlink. < u > eller understregede HTML-tag understøttes af alle større browsere som Google Chrome, Mozilla Firefox, Microsoft Edge, Safari eller Opera .

Understreget tekst med CSS-tekstdekorationsattribut

CSS giver attributten text-decoration for at understrege forskellige HTML-elementer. Vi kan bruge attributten tekst-dekoration for at understrege HTML-tekst. Tekstdekorationsstilattributten kan bruges med forskellige HTML-tags eller -elementer. I det følgende eksempel har vi brugt < span > tag til at markere teksten og understrege den.

Indstil tekstens understregningsfarve og stil

I nogle tilfælde er det ikke nok bare at understrege HTML-teksten. Vi kan også farve eller ændre stilen på understregningen. CSS-attribut text-decoration kan bruges til at style og farve understregningerne med < u > tag eller uden det. Nedenfor giver vi HTML-teksten understregningsfarve som rød, grøn og stilen som bølget, stiplet, stiplet og dobbelt.

wavy stil opretter ikke en lige linje, hvor linjen vil være bølget som bølger.

dashed stil opretter en stiplet understregning.

dotted stil svarer til den punkterede, men punkterne bliver mindre.

double stil sætter to understregninger, hvor standard er enkelt understregning.

Den røde farve og stiplet understregning kan bruges til at udtrykke stavning, syntaks eller generelle fejl. Også dotted

Brug CSS-klasse til understregning af HTML-tekst

At skrive hver understreget CSS-kode igen og igen er ikke godt arbejde. En CSS-klasse kan oprettes til forskellige tilfælde af understregning, og denne klasse kan bruges til understregning af HTML-tekst sammen med andre HTML-tags. I det følgende eksempel opretter vi forskellige CSS-klasser som understregning-rød, understregningsgrøn for at oprette tekstunderstregning let.