Creative Saplings

HTML aláhúzási címke bemutató példákkal

december 16, 2020
No Comments

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ása CSS szövegdekorációs attribútummal

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.

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

Articles
Previous Post

Tostones vagy Maduros, melyik vagy te?

Next Post

Az őszibarack fagyasztása és a fagyasztott őszibarack hámozása

Vélemény, hozzászólás? Kilépés a válaszból

Legutóbbi bejegyzések

  • A világ legjobb fotóiskolái, 2020
  • A szuverén polgárok kormányellenes filozófiájukat viszik az utakra
  • Stukkó javítási költség útmutató
  • Muckrakers (Magyar)
  • Precíziós onkológia

Archívum

  • 2021 február
  • 2021 január
  • 2020 december
  • 2020 november
  • 2020 október
  • 2020 szeptember
  • Deutsch
  • Nederlands
  • Svenska
  • Norsk
  • Dansk
  • Español
  • Français
  • Português
  • Italiano
  • Română
  • Polski
  • Čeština
  • Magyar
  • Suomi
  • 日本語
  • 한국어
Proudly powered by WordPress | Theme: Fmi by Forrss.