Bevezetés a HTML szövegformázási címkékbe

A szöveg formázása a modern internetes weboldalak fontos része, még akkor is, ha a szöveg alapú webböngészőkre korlátozódottunk, a szöveg formázása, például méret, tájolás stb. Is rendelkezésre állt. A modern HTML-verziókkal rengeteg HTML-címke található, amelyek felhasználhatók a szöveg tetszés szerinti megjelenítéséhez.

Szöveg formázása HTML-címkékkel

Az alábbiakban néhány fontos HTML-címkét tárgyalunk, amelyeket a szöveg formázásához használnak:

1. A szöveg félkövér formátumú formázása a HTML-ben

A HTML két különböző címkével rendelkezik a szöveg félkövér megjelenítéséhez. Az egyik és a másik az, míg mindkettő hasonló eredményt produkál. A címke egy fizikai címke, csak a szöveg vastag betűvel történő megjelenítéséhez, és nem jelent semmilyen jelentőségű értéket a böngészőben.

Példa



Here is some text in bold.



Here is some text in bold.



Here is some text in bold.

Kimenet :

A címkét viszont logikai címkének kell tekinteni, és arra használják, hogy tájékoztassák a böngészőt arról, hogy a címkén szereplő szöveg logikus jelentőségű.

Példa

Ez egy fontos tartalom, amelyet az erős címkével formáztak, és ez így van
általában formázott szöveg

Kimenet:

2. A szöveg dőltként beállítása a HTML5-ben

Csakúgy, mint a szöveg félkövér beállításával, a címke és a címke segítségével beállíthatja a szöveget dőltként is a HTML5-en.

A használat , csakúgy, mint a szöveg fizikai megjelenítése dőlt betűként és a címke használata, miközben a szöveget dőlt betűként jeleníti meg a képernyőn, lehetővé teszi a böngésző számára, hogy szemantikai jelentőséggel bír.

Példa

Ez az első bekezdés dőlt szövegben.

Ez a tartalom dőlt betűvel szerepel az em címkével . Ez normál szöveg

Kimenet:

3. Szöveg kiemelése HTML kóddal

Olyan helyzetekben, amikor ki akarja emelni egy szöveget kiemelő hatással, a címke használható, az alapértelmezett CSS-sel a címke sárga színűvé teszi a szöveg hátterét, segítve ezzel a látogató figyelmének engedését a szövegre.

Példa



This text uses Mark tag to highlight text on the page



This text uses Mark tag to highlight text on the page



This text uses Mark tag to highlight text on the page

Kimenet:

4. Húzza a szöveget HTML-ben

A HTML-címke aláhúzást adhat a szöveghez. Vigyázzon, ne használjon aláhúzást a kék szöveggel, mivel ez megtévesztheti a látogatókat abban, hogy a szöveg linkelt.

Példa

Ez a szöveg aláhúzott címkével.

Kimenet:

5. Szöveg áthúzással

Azokban az esetekben, amikor vízszintes vonalat kell húznia a szövegben, a tag használható. A vonal elsüllyedése vékony, így az áthaladó szöveg továbbra is könnyen olvasható.

Példa

Itt van egy mondat, amelynek szövege átváltott.

Kimenet:

6. Írás monospace betűkészletben HTML-ben

A Monospace használata hasznos lehet olyan helyzetekben, amikor valamit idézni szeretne, vagy valamilyen kódot szeretne megjeleníteni a böngészőben. A Monospace kód, ahogy a neve is sugallja, minden karakter szélességét megegyezővé teszi. A böngészőben történő használathoz címkét kell használnunk.

Példa

lt;html>

Ez normális szöveg. Ez egy példaszöveg monospace betűtípusokban, ügyes.

Kimenet:

7. Előírt szöveg HTML-ben

A matematika és a kémia esetében az index használata sok esetben abszolút követelmény. Általánosságban az írás során előfordulhat, hogy olyan helyzetekben is találkozhatunk, amikor egy feliratú szöveg használható. HTML formátumban a címke alatt szereplő bármely szöveg alindexként fog működni a böngészőben.

Példa

Ez normál szöveg. Figyel valami másat ebben a szövegben?

Kimenet:

8. Törölt szöveg a HTML5-ben

A címke logikai módja annak, hogy a böngészőnek megmondjuk, hogy a szövegben lévő szöveg törlődik. Ne feledje, hogy a felhasználó számára a megjelenített szöveg megegyezik az áthúzott címke címkéjével, azaz áthúzott formátumban jelenik meg.

Példa

Ez normál szöveg Ez a del tag közötti szöveg.

Kimenet:

9. Felülírott szöveg formázása HTML5-ben

A címke szövege felülírva jelenik meg. Ez hasznos a matematikában, a kémiában és más helyeken, ahol a matematika részt vesz. A címkét akkor is használhatja, amikor idéz, és oldalon belüli linkeket is felvesz.

Példa

Ez normál szöveg Ez a szöveg felülírásos.

Kimenet:

10. A szövegméret növelése HTML formázással

Azokban az esetekben, amikor nagyobb méretű szövegre van szüksége a képernyőn, de nem akarja használni a címsort vagy növelni a betűméretet egy címkével, akkor a címke közötti tartalom észrevehetően nagyobb szövegmérettel jelenik meg.

Példa

Ez Normál szöveg Ez a szöveg nagyobb méretben.

Kimenet:

11. A HTML csökkentése a szöveg használatával

A címkéhez hasonlóan a szöveget a képernyőn is kisebbre teheti, anélkül, hogy CSS-t vagy címsort kellene használni.

Példa:

Ez Normál szöveg, ennek a szövegnek a mérete kisebb

Kimenet:

Következtetés

Most, hogy megtudta, hogyan működik a szöveg formázása a HTML-ben, képesnek kell lennie arra, hogy helyes és professzionális megjelenésű és formázású oldalakat készítsen. Ha lehetséges, a normál szöveget és a formázást kell használnia, és csak akkor használja az egyedi formázást, ha az igényeinek megfelelő megjelenést ad. Fontos a normál szöveg mérete is, túl kicsi, és az átalakíthatóságot negatívan érinti, és ha túl nagy, akkor a képernyőn kevesebb információ jelenik meg egyszerre.

Ajánlott cikkek

Ez egy útmutató a HTML szövegformázási címkékhez. Itt tárgyaljuk, hogyan lehet formázni a szöveget különböző HTML formázási címkék használatával. Lehet, hogy megnézi a következő cikkeket is, ha többet szeretne megtudni -

  1. Hogyan működik a HTML
  2. HTML parancsok
  3. Mi az XML?
  4. HTML formátumú címkék

Kategória:

Webfejlesztő eszközök