Značky formátování HTML HTML Jak funguje formátování textu v HTML?

Úvod do značek formátování textu HTML

Formátování textu je důležitou součástí moderních internetových webových stránek, i když jsme byli omezeni na to, abychom měli k dispozici textové webové prohlížeče, k dispozici bylo formátování textu, jako je velikost, orientace atd. S moderními revizemi HTML existuje spousta značek HTML, které lze použít k tomu, aby text vypadal podle vašich představ.

Formátování textu pomocí značek HTML

Níže si probereme některé důležité HTML značky, které se používají k formátování textu:

1. Formátování textu ve formátu HTML tučným písmem

HTML má dvě různé značky pro nastavení tučného vzhledu textu. Jeden je a druhý je, zatímco oba produkují podobný výstup. Značka je fyzická značka, která má text zobrazovat tučně a nepřináší v prohlížeči žádnou významnou hodnotu.

Příklad



Here is some text in bold.




Here is some text in bold.




Here is some text in bold.


Výstup :

Značka je naproti tomu považována za logickou značku a používá se k informování prohlížeče, že text ve značce má nějaký logický význam.

Příklad





Jedná se o důležitý obsah formátovaný pomocí silné značky, a to je spravedlivé
normálně formátovaný text

Výstup:

2. Nastavení textu jako kurzívy v HTML5

Stejně jako nastavení textu jako tučné, můžete použít značku a značku k nastavení textu jako kurzíva na HTML5.

Použití je pro, stejně jako použití , fyzického zobrazení textu jako kurzíva a značky a zároveň zobrazení textu jako kurzíva na displeji, umožňuje prohlížeči vědět, že má sémantický význam.

Příklad





Toto je první odstavec kurzívou.

Tento obsah je vytvořen kurzívou se značkou em . Toto je normální text

Výstup:

3. Zvýraznění textu pomocí HTML kódu

V situacích, kdy chcete zvýraznit nějaký text s efektem zvýraznění, lze značku použít, ve výchozím CSS značka vytvoří pozadí textu jako žluté, což vám pomůže snadno upoutat pozornost návštěvníka na tento text.

Pří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ýstup:

4. Podtržení textu v HTML

Značku HTML lze použít k přidání podtržení v textu. Dejte pozor, abyste nepoužívali podtržení modrým textem, protože by to mohlo zmást návštěvníky, že text je odkaz.

Příklad





Toto je text s podtrženou značkou.

Výstup:

5. Text s přeškrtnutím

V případech, kdy potřebujete textem nakreslit vodorovnou čáru, můžete použít značku. Řádek se utopí, takže text, který překračuje, lze stále snadno přečíst.

Příklad





Tady je věta s proškrtnutím textu.

Výstup:

6. Psaní písma Monospace v HTML

Použití programu Monospace může být užitečné v situacích, kdy chcete něco citovat nebo chcete zobrazit nějaký kód v prohlížeči. Monospace kód, jak název napovídá, dělá šířku každého znaku stejnou. Abychom ji dostali do prohlížeče, musíme použít značku.

Příklad

lt;html>


Toto je normální text. Toto je ukázkový text v monospace fontech, čistý.

Výstup:

7. Předplacený text v HTML

V matematice a chemii je použití indexu v mnoha případech absolutním požadavkem. Obecně se také můžete setkat s situacemi, kdy je vhodné použít dolní index. V HTML bude jakýkoli text pod _{značkou fungovat jako index v prohlížeči.}

Příklad





Toto je normální text _{Všimněte si u tohoto textu něco jiného?}

Výstup:

8. Odstraněný text v HTML5

značka se používá jako logický způsob, jak prohlížeči sdělit, že text uvnitř textu je odstraněn. Mějte na paměti, že pro uživatele je zobrazený text stejný jako značka v přeškrtnutém tagu, což znamená, že je zobrazen v přeškrtnutém formátování.

Příklad





Toto je normální text Toto je text mezi značkou del.

Výstup:

9. Formát horního indexu textu v HTML5

Text ve ^{značce je zobrazen v horním indexu. To je užitečné v matematice, chemii a dalších místech, kde se matematika podílí. Značku můžete použít při citování s přidáním odkazů na stránce.}

Příklad





Toto je normální text ^{Tento text je v horním indexu.}

Výstup:

10. Zvětšení velikosti textu pomocí formátování HTML

V případě, že potřebujete na obrazovce nějaký text ve větší velikosti, ale nechcete použít nadpis nebo zvětšit velikost písma u značky, bude obsah mezi touto značkou zobrazen ve výrazně větší velikosti textu.

Příklad





Toto je normální text Tento text ve větší velikosti.

Výstup:

11. Zmenšení textu pomocí HTML

Podobně jako u tagu můžete na obrazovce zmenšit text, aniž byste museli používat CSS nebo nadpisy.

Příklad:





Toto je normální text, velikost tohoto textu je menší

Výstup:

Závěr

Nyní, když jste se naučili, jak formátování textu v HTML funguje, byste měli být schopni navrhnout stránky se správným a profesionálním rozložením a formátováním textu. Pokud je to možné, měli byste používat normální text a formátování. Vlastní formátování pouze v případě potřeby dává vašim stránkám čistý vzhled. Velikost normálního textu je také důležitá, příliš malá a čitelnost bude negativně ovlivněna a pokud je příliš velká, bude na obrazovce méně informací najednou.

Doporučené články

Toto byl průvodce značkami formátování textu HTML. Zde diskutujeme o tom, jak formátovat text pomocí různých značek formátování HTML. Další informace naleznete také v následujících článcích -

1. Jak funguje HTML
2. Příkazy HTML
3. Co je to XML?
4. Značky formátu HTML