Vytváření návrhových sekcí na vaší stránce
Nadpisy jsou užitečným způsobem, jak uspořádat text, vytvořit užitečné divize a optimalizovat webovou stránku pro vyhledávače. Snadno můžete vytvářet nadpisy pomocí značek hlaviček HTML. Můžete také změnit vzhled textu pomocí tučných a kurzívních značek.
Nadpisy
Hlavičkové značky jsou nejjednodušší způsob, jak rozdělit dokument. Pokud si myslíte, že vaše stránky jsou jako noviny, pak jsou nadpisy titulky novin. Hlavní nadpis je h1 a následující nadpisy jsou h2 až h6.
K vytvoření kódu HTML použijte následující kódy.
Toto je okruh 1 h1> Toto je okruh 2 h2> Toto je okruh 3 h3> Toto je okruh 4 h4> 5 h5> Jedná se o nadpis 6 h6> Tipy na zapamatování
- Snažte se udržet vaše nadpisy v logickém pořadí, h1 přichází před h2, který přichází před h3 a tak dále.
- Nedělejte si příliš starosti o to, jak vypadají nadpisy - měli byste používat CSS, aby jste stylové nadpisy namísto použití nadpisu mimo pořadí.
- Značky s nadpisy jsou elementy na úrovni bloku , takže se vám dají zarazit řádky. Neodstraňujte značky P do značek záhlaví.
Tučné a kurzíva
Toto je okruh 3 h3> Toto je okruh 4 h4> 5 h5> Jedná se o nadpis 6 h6> Tipy na zapamatování
- Snažte se udržet vaše nadpisy v logickém pořadí, h1 přichází před h2, který přichází před h3 a tak dále.
- Nedělejte si příliš starosti o to, jak vypadají nadpisy - měli byste používat CSS, aby jste stylové nadpisy namísto použití nadpisu mimo pořadí.
- Značky s nadpisy jsou elementy na úrovni bloku , takže se vám dají zarazit řádky. Neodstraňujte značky P do značek záhlaví.
Tučné a kurzíva
5 h5> Jedná se o nadpis 6 h6> Tipy na zapamatování
- Snažte se udržet vaše nadpisy v logickém pořadí, h1 přichází před h2, který přichází před h3 a tak dále.
- Nedělejte si příliš starosti o to, jak vypadají nadpisy - měli byste používat CSS, aby jste stylové nadpisy namísto použití nadpisu mimo pořadí.
- Značky s nadpisy jsou elementy na úrovni bloku , takže se vám dají zarazit řádky. Neodstraňujte značky P do značek záhlaví.
Tučné a kurzíva
Tipy na zapamatování
- Snažte se udržet vaše nadpisy v logickém pořadí, h1 přichází před h2, který přichází před h3 a tak dále.
- Nedělejte si příliš starosti o to, jak vypadají nadpisy - měli byste používat CSS, aby jste stylové nadpisy namísto použití nadpisu mimo pořadí.
- Značky s nadpisy jsou elementy na úrovni bloku , takže se vám dají zarazit řádky. Neodstraňujte značky P do značek záhlaví.
Tučné a kurzíva
Existují čtyři značky, které můžete použít pro tučné a kurzíva:
- a pro tučné
- a pro kurzíva
Nezáleží na tom, co používáte. Zatímco někteří dávají přednost a , ale mnozí lidé najdou pro "tučné" a italic jednodušší si pamatovat.
Jednoduše obklopujte text s otvíracími a zavíracími značkami, abyste vytvořili text tučně nebo kurzívou:
tučné b> kurzíva i>Tyto značky můžete vnořit (což znamená, že můžete vytvořit text jak tučně, tak kurzívou) a nezáleží na tom, jaký je vnější nebo vnitřní tag.
Například:
Tento text je tučný
Tento text je tučný strong>Tento text je kurzívou
Tento text je kurzívou em>Tento text je tučný i kurzíva
Tento text je tučný i kurzíva em> strong>Proč existují dvě sady tučných a kurzívních značek
Ve značkách HTML4 byly značky a považovány za štítky stylů, které ovlivňovaly pouze vzhled textu a nehovořily o obsahu značky a byly považovány za špatnou formu jejich použití. Potom s HTML5 dostali sémantický význam mimo vzhled textu.
V HTML5 mají tyto značky zvláštní význam:
- označuje text, který není důležitější než okolní text, ale typickou typografickou prezentací je tučný text, například klíčová slova v abstraktu dokumentu nebo názvy produktů v recenzi.
- označuje text, který není důležitější než okolní text, ale typická typografická prezentace je kurzíva, jako je název knihy, technický výraz nebo fráze v jiném jazyce.
- označuje text, který má ve srovnání s okolním textem velkou důležitost.
- označuje text, který má výrazný stres ve srovnání s okolním textem.