HTML oferă diferite opțiuni de stil pentru text. Sublinierea textului HTML este una dintre ele. Simplu sublinierea va trasa o linie dreaptă sub text fără a ocupa linia de mai jos. În acest tutorial, vom învăța cum se subliniază textul HTML cu < u > etichetă, cod CSS, clasă CSS și setați proprietățile și alternativele de subliniere.

Subliniați textul cu < u > Etichetă

HTML oferă eticheta < u > pentru a sublinia textul dat în HTML. < u > este eticheta de început pentru subliniere și < / u > este utilizat pentru a seta sfârșitul sublinierii. Etichetele de subliniere pot fi folosite fără probleme pentru diferite tipuri de text, cum ar fi hyperlink-uri, caractere aldine etc. În exemplul următor, vom sublinia un singur cuvânt sau o propoziție completă sau un hyperlink. < u > sau eticheta HTML subliniată este acceptată de toate browserele majore precum Google Chrome, Mozilla Firefox, Microsoft Edge, Safari sau Opera .

Subliniați textul cu atribut de decorare text CSS

CSS oferă atributul text-decoration pentru a sublinia diferite elemente HTML. Putem folosi atributul de decorare a textului pentru a sublinia textul HTML. Atributul stilului de decorare a textului poate fi utilizat cu diferite etichete sau elemente HTML. În exemplul următor am folosit eticheta < span > pentru a selecta textul și a-l sublinia.

Setați sublinierea textului pentru culoare și stil

În unele cazuri, sublinierea textului HTML poate să nu fie suficientă. De asemenea, putem colora sau schimba stilul sublinierii. Atributul CSS text-decoration poate fi utilizat pentru a stiliza și colora subliniatele cu < u > eticheta sau fără ea. Mai jos vom oferi culoarea subliniată a textului HTML ca roșu, verde și stilul ca ondulat, punctat, punctat și dublu.

wavy stilul va crea nu o linie dreaptă în care linia va fi ondulată ca undele.

dashed stilul va crea subliniat punctat.

dotted stilul este similar cu punctat, dar punctele vor fi mai mici.

Stilul double va pune două subliniere unde valoarea implicită este subliniere simplă.

Culoarea roșie și sublinierea punctată poate fi folosit pentru exprimarea ortografiei, a sintaxei sau a erorilor generale. De asemenea, dotted

Utilizați clasa CSS pentru sublinierea textului HTML

Scrierea fiecărui cod CSS subliniat, din nou și din nou, nu este o lucrare bună. O clasă CSS poate fi creată pentru diferite cazuri de utilizare subliniate și această clasă poate fi utilizată pentru sublinierea textului HTML cu alte etichete HTML. În exemplul următor vom crea diferite clase CSS, cum ar fi subliniere-roșu, subliniere-verde pentru a crea text subliniat cu ușurință.