HTML gir forskjellige stylingsalternativer for teksten. Å understreke HTML-teksten er en av dem. Bare understreking vil tegne en rett linje under teksten uten å fylle linjen nedenfor. I denne veiledningen lærer vi hvordan du understreker HTML-teksten med < u > -tag, CSS-kode, CSS-klasse og angi understrekingsegenskapene og alternativene.

Understreke tekst med < u > Tag

HTML gir < u > -koden for å understreke den gitte teksten i HTML. < u > er startetiketten for understreking og < / u > brukes til å angi slutten av understrekingen. Understrekede koder kan brukes til forskjellige teksttyper som hyperkoblinger, fet tekst osv. Uten problemer. I det følgende eksemplet vil vi understreke et enkelt ord eller en komplett setning eller en hyperkobling. < u > eller understreket HTML-tag støttes av alle store nettlesere som Google Chrome, Mozilla Firefox, Microsoft Edge, Safari eller Opera .

Understreket tekst med CSS-tekstdekorasjonsattributt

CSS gir attributtet text-decoration for å understreke forskjellige HTML-elementer. Vi kan bruke attributtet for tekstdekorasjon for å understreke HTML-tekst. Tekstdekorasjonsstilattributtet kan brukes med forskjellige HTML-koder eller elementer. I det følgende eksemplet har vi brukt < span > -koden for å velge teksten og understreke den.

Angi understreking av farge og stil for tekst

I noen tilfeller er det ikke nok bare å understreke HTML-teksten. Vi kan også farge eller endre stilen på understrekingen. CSS-attributt text-decoration kan brukes til å style og fargelegge understrekningene med < u > tag eller uten den. Nedenfor vil vi gi HTML-teksten understreket farge som rød, grønn og stilen som bølget, stiplet, stiplet og dobbelt.

wavy stil vil skape en ikke en rett linje der linjen vil være bølget som bølger.

dashed stil vil lage stiplet understreking.

dotted stil ligner på den stiple, men punktene vil være mindre.

double stil vil sette to understrekninger der standard er enkelt understreking.

Den røde fargen og stiplet understreking kan brukes til å uttrykke staving, syntaks eller generelle feil. Også dotted

Bruk CSS-klasse for HTML-tekst understreket

Å skrive hver understreket CSS-kode, igjen og igjen, er ikke bra arbeid. Det kan opprettes en CSS-klasse for forskjellige understreket brukstilfeller, og denne klassen kan brukes for HTML-tekst understreket med andre HTML-koder. I det følgende eksemplet vil vi lage forskjellige CSS-klasser som understreket rødt, understreket grønt for å lage tekst understreket enkelt.