Úvod do značiek formátovania textu HTML

Formátovanie textu je dôležitou súčasťou moderných internetových webových stránok, aj keď sme sa obmedzovali len na to, aby sme mali k dispozícii textové webové prehliadače, formátovanie textu, ako je veľkosť, orientácia atď., Bolo k dispozícii. S modernými revíziami HTML existuje veľa značiek HTML, ktoré môžete použiť na vytvorenie vzhľadu textu podľa vašich predstáv.

Formátovanie textu pomocou značiek HTML

Ďalej uvádzame niektoré dôležité značky HTML, ktoré sa používajú na formátovanie textu:

1. Formátovanie textu vo formáte HTML tučným písmom

HTML má dve rôzne značky, ktoré upravujú text tak, aby bol výrazný. Jeden je a druhý je, zatiaľ čo oba produkujú podobný výstup. Značka je fyzická značka, ktorá slúži iba na zobrazenie textu tučným písmom a neprináša v prehliadači žiadnu dôležitú hodnotu.

príklad



Here is some text in bold.



Here is some text in bold.



Here is some text in bold.

Výkon :

Značka sa naopak považuje za logickú značku a používa sa na informovanie prehliadača, že text v značke má nejaký logický význam.

príklad

Toto je dôležitý obsah naformátovaný pomocou silnej značky, a to je správne
normálne formátovaný text

Výkon:

2. Nastavenie textu ako kurzívy v HTML5

Rovnako ako nastavenie textu ako tučné, môžete použiť značku a značku na nastavenie textu ako kurzívy na HTML5.

Použitie je, rovnako ako používanie , fyzického zobrazovania textu ako kurzívy a značky a zároveň zobrazovania textu ako kurzívy na displeji, umožňuje prehliadaču vedieť, že má sémantický význam.

príklad

Toto je prvý odsek kurzívou.

Tento obsah je označený kurzívou pomocou značky em . Toto je normálny text

Výkon:

3. Zvýraznenie textu pomocou HTML kódu

V situáciách, keď chcete zvýrazniť nejaký text s efektom zvýraznenia, sa dá značka použiť, pri predvolenom CSS značka urobí pozadie textu ako žlté, čo vám pomôže ľahko upútať pozornosť návštevníka na tento text.

príklad



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

Výkon:

4. Podčiarknutie textu v HTML

Značku HTML je možné použiť na pridanie podčiarknutia do textu. Nepoužívajte podčiarknutie modrým textom, pretože by to mohlo zmiasť návštevníkov, že text je odkaz.

príklad

Toto je text so značkou podčiarknutia.

Výkon:

5. Text prečiarknite

V prípadoch, keď musíte textom nakresliť vodorovnú čiaru, môžete použiť značku. Čiara je utopená, takže text, ktorý prechádza, je stále ľahko čitateľný.

príklad

Tu je veta so štrajkom cez text.

Výkon:

6. Písanie písma Monospace vo formáte HTML

Používanie programu Monospace môže byť užitočné v situáciách, keď chcete niečo citovať alebo ak chcete v prehliadači zobraziť nejaký kód. Kód Monospace, ako názov napovedá, robí šírku každého znaku rovnakou. Ak ju chcete získať v prehliadači, musíme použiť značku.

príklad

lt;html>

Toto je normálny text. Toto je ukážkový text v monospace fontoch, čistý.

Výkon:

7. Predplatený text v HTML

V matematike a chémii je použitie indexu absolútnou požiadavkou pri mnohých príležitostiach. Vo všeobecnosti sa tiež môžete stretnúť s situáciami, keď je vhodné použiť dolný text. V HTML bude akýkoľvek text pod značkou fungovať ako index v prehliadači.

príklad

Toto je normálny text Všimnite si s týmto textom niečo iné?

Výkon:

8. Odstránený text v HTML5

Značka sa používa ako logický spôsob, ako prehliadaču povedať, že text v texte je odstránený. Nezabúdajte, že pre používateľa je zobrazený text rovnaký ako štítok v preškrtnutej značke, čo znamená, že je zobrazený v preškrtnutom formátovaní.

príklad

Toto je normálny text Toto je text medzi značkami del.

Výkon:

9. Horný index formátovania textu v HTML5

Text v značke je zobrazený horným indexom. To je užitočné v matematike, chémii a na ďalších miestach, kde sa matematika podieľa. Značku môžete použiť pri citovaní s pridaním odkazov na stránke.

príklad

Toto je normálny text Tento text je v hornom indexe.

Výkon:

10. Zväčšenie veľkosti textu pomocou formátovania HTML

V prípade, že potrebujete na obrazovke nejaký text vo väčšej veľkosti, ale nechcete používať nadpis alebo zväčšiť veľkosť písma so značkou, obsah medzi touto značkou sa zobrazí vo výrazne väčšej veľkosti textu.

príklad

Toto je normálny text Tento text vo väčšej veľkosti.

Výkon:

11. Zmenšenie textu pomocou HTML

Podobne ako v prípade značky môžete na obrazovke zmenšiť text bez toho, aby ste museli používať CSS alebo nadpisy.

Príklad:

Toto je normálny text, veľkosť tohto textu je menšia

Výkon:

záver

Teraz, keď ste sa naučili, ako funguje formátovanie textu v HTML, by ste mali byť schopní navrhnúť stránky so správnym a profesionálnym rozložením a formátovaním textu. Ak je to možné, mali by ste používať normálny text a formátovanie. Vlastné formátovanie iba v prípade potreby dáva svojim stránkam elegantný vzhľad. Veľkosť normálneho textu je tiež dôležitá, príliš malá a čitateľne bude negatívne ovplyvnená a ak je príliš veľká, na obrazovke bude naraz menej informácií.

Odporúčané články

Toto bol sprievodca značkami formátovania textu HTML. Tu diskutujeme o tom, ako formátovať text pomocou rôznych značiek formátovania HTML. Ďalšie informácie nájdete aj v nasledujúcich článkoch -

  1. Ako funguje HTML
  2. Príkazy HTML
  3. Čo je to XML?
  4. Značky formátu HTML

Kategórie:

Nástroje na vývoj webových aplikácií