A HTML különböző stíluslehetőségeket kínál a szöveghez. A HTML szöveg aláhúzása az egyik. Az egyszerűen aláhúzás egyenes vonalat rajzol a szöveg alá anélkül, hogy elfoglalná az alábbi sort. Ebben az oktatóanyagban megtanuljuk, hogyan kell aláhúzni a HTML szöveget < u > címkével, CSS-kóddal, CSS-osztályral és állítsa be az aláhúzási tulajdonságokat és alternatívákat.

Szöveg aláhúzása < u > címkével

A HTML a < u > címkét biztosítja, hogy aláhúzza az adott szöveget HTML-ben. < u > az aláhúzás kezdőcímkéje és < / u > az aláhúzás végének beállítására szolgál. Az aláhúzási címkék problémamentesen használhatók különböző szövegtípusokhoz, például hiperhivatkozásokhoz, félkövér szövegekhez stb. A következő példában aláhúzunk egy szót, teljes mondatot vagy hiperhivatkozást. A < u > vagy aláhúzott HTML címkét minden nagyobb böngésző támogatja, például a Google Chrome, a Mozilla Firefox, a Microsoft Edge, a Safari vagy az Opera .

Szöveg aláhúzása CSS szövegdekorációs attribútummal

A CSS a text-decoration attribútumot biztosítja a különböző HTML elemek aláhúzására. Használhatjuk a text-decoration attribútumot a HTML szöveg aláhúzására. A szövegdekorációs stílus attribútum különböző HTML-címkékkel vagy elemekkel használható. A következő példában a < span > címkét használtuk a szöveg kiválasztásához és aláhúzásához.

Szöveg aláhúzás színének és stílusának beállítása

Bizonyos esetekben csak a HTML szöveg aláhúzása nem elegendő. Színezhetjük vagy megváltoztathatjuk az aláhúzás stílusát is. A (z) text-decoration CSS attribútummal az aláhúzások stílusát és színét a < u > tag nélkül vagy anélkül. Az alábbiakban megadjuk a HTML szöveg aláhúzás színét, mint piros, zöld, a stílus pedig hullámos, szaggatott, pontozott és kettős.

wavy stílus létrehozza a nem egyenes vonalat, ahol a vonal hullámos lesz, mint a hullámok.

dashed stílus szaggatott aláhúzást hoz létre.

dotted stílus hasonló a szaggatotthoz, de a pontok kisebbek lesznek.

A double stílus két aláhúzást tesz, ahol az alapértelmezett egyetlen aláhúzás.

A piros szín és a szaggatott aláhúzás felhasználható helyesírási, szintaxis vagy általános hibák kifejezésére. Szintén dotted

CSS osztály használata HTML szöveg aláhúzáshoz

Minden aláhúzott CSS kód újból és újból történő megírása nem jó munka. CSS osztály létrehozható különféle aláhúzási felhasználási esetekre, és ez az osztály használható HTML szöveg aláhúzásra más HTML címkékkel. A következő példában különböző CSS osztályokat hozunk létre, például aláhúzás-piros, aláhúzás-zöld a szöveg aláhúzás egyszerű létrehozásához.