HTML - hypertextový značkovací jazyk používaný k vytváření webových stránek. Umožňuje definovat strukturu a obsah dokumentu pomocí speciálních prvků a atributů. Jedním ze základních prvků značení v HTML jsou trojúhelníkové závorky (angle brackets), které rámují každý prvek HTML. Pro začátečníky, kteří se teprve začínají učit HTML, však nemusí být umístění těchto závorek na klávesnici zřejmé.
Na většině počítačových klávesnic jsou trojúhelníkové závorky umístěny na klávesách se znaky " (více) a obvykle se nacházejí vedle písmen M, N A kombinace Shift+."Pravá závorka "má šipku směřující doprava a" levá závorka " má šipku směřující doleva. Tvoří páry, které omezují začátek a konec prvku HTML.
Chcete-li například vytvořit odstavec v HTML, musíte zadat úvodní závorku, symbol "p" a zavírací závorku:je to odstavec textu
.Trojúhelníkové závorky se také používají k označení atributů u prvků HTML. Chcete-li například zadat atribut "class", musíte použít závorku, symbol "div", atribut "class" s hodnotou, a zavírací závorku: . Zde může být třída libovolným názvem, který chcete přiřadit prvku.
Nyní tedy víte, že trojúhelníkové závorky jsou na klávesnici vedle písmen M A N A jak se používají k označení prvků a atributů HTML. Jakmile se naučíte používat tyto závorky, budete moci vytvořit strukturu vašich webových stránek a přidat stylový design a funkčnost do dokumentů pomocí HTML a dalších technologií souvisejících s vývojem webu.
Levé trojúhelníkové závorky
Levé trojúhelníkové závorky () na klávesnici jsou obvykle nad tlačítkem písmena z a pod tlačítkem Shift. Chcete-li získat symbol trojúhelníkové závorky, musíte stisknout a podržet tlačítko Shift a současně stiskněte tlačítko se symbolem z.
Při označování HTML se pro otevírání značek používají levé trojúhelníkové závorky. Kombinace symbolů a / tvoří uzavírací značky. K vytvoření odstavce se například používá následující kód:
Text odstavce
Uvnitř trojúhelníkových závorek je název značky, který určuje typ prvku. Značky lze použít k návrhu textu, vkládání obrázků, vytváření tabulek a další. Otvírací a zavírací značky jsou vždy ve dvojicích a označují začátek a konec prvku.
Levé trojúhelníkové závorky ve významu textu HTML lze zobrazit pomocí náhradního znaku <. Například pro stažení textu na webové stránce je třeba použít následující kód:
<p>Použití trojúhelníkových závorek v HTML formátu je důležité pro správnou strukturu a interpretaci značení stránky. Znalost umístění a použití levých trojúhelníkových závorek na klávesnici je proto nezbytná pro práci s HTML.
Pravé trojúhelníkové závorky
Pravé trojúhelníkové závorky neboli znaménko " větší "jsou na klávesnici v horní řadě tlačítek, napravo od písmene"L". Chcete-li do kódu HTML zadat pravou trojúhelníkovou závorku, musíte stisknout klávesu Shift a tlačítko se znaménkem "více". Pravé trojúhelníkové závorky se často používají v označení HTML k zavření otevíracích značek a označují konec určitého prvku.
Tagy
Některé značky nevyžadují zavření, nazývají se samoopalovací značky , jako je ten, který vytváří přenos řádku.
Jedním z nejoblíbenějších značek je , který se používá k rozdělení textu na odstavce. Otevírá se pomocí a zavírá se za pomoci . Text umístěný mezi těmito značkami se zobrazí jako samostatný odstavec.
Otevřené a uzavřené značky
Otevřená značka označuje začátek prvku a uzavřená značka označuje jeho konec. Otevřená značka může obsahovat atributy pro zadání vlastností položky. Uzavřená položka může obsahovat text nebo jiné prvky, které se v ní nacházejí.
Příklad použití otevřených a uzavřených značek:
k vytvoření odstavce textu se používají značky a:
Je to odstavec textu.
V tomto příkladu symboly tvoří otevřené a uzavřené značky a text " je odstavec textu."je obsahem prvku.
Použití otevřených a uzavřených značek umožňuje označit obsah webové stránky a nastavit strukturu jejích prvků.
Značky bez uzávěrky
V označení HTML existují značky, které lze použít bez jasného uzavření. To umožňuje zjednodušit kód a učinit jej čitelnějším.
Jedním z příkladů značek bez uzavření jsou značky pro vkládání obrázků . Tyto značky obsahují pouze atributy, které určují umístění a vlastnosti obrázku, a nemají žádnou uzavírací značku.
Dalším příkladem takových značek jsou značky pro vložení vodorovné čáry
. Nevyžadují také uzavírací značku a používají se k rozdělení obsahu do sekcí.Pokud je ve značení potřeba použít trojúhelníkové závorky <>, lze je zadat pomocí speciálních znaků: < pro znak < и >pro symbol >.
Pomocí značek bez zavírání je možné zjednodušit značení HTML a učinit jej přehlednějším a čitelnějším pro vývojáře.
Příklad
Zde je několik příkladů použití trojúhelníkových závorek ve značení HTML:
- Tag
- používá se k vytvoření odstavců textu:
To je příklad odstavce textu.
- Značka-používá se k vytváření odkazů:
- To je příklad odkazu.
- Tag
- používá se pro vkládání obrázků:
- Tag
- používá se k vytváření titulků:
To je příklad nadpisu.
Otevřená značka
Například k označení otevřené značky pro odstavec se používají trojúhelníkové závorky s interně napsanou značkou "p": . Tato otevřená značka určuje začátek odstavce a umožňuje nastavit jeho vlastnosti, jako je zarovnání textu, odsazení a styly.
Je důležité správně zavřít otevřenou značku, abyste se vyhnuli chybám ve značení HTML. Uzavřená značka má stejnou strukturu jako otevřená, ale s přidáním lomítka před trojúhelníkovou závorku:. Používá se například k uzavření značky paragrafu.
Uzavřená značka
V označení HTML musí mít každá úvodní značka odpovídající uzavírací značku. Uzavřená značka je označena trojúhelníkovými závorkami ( a > se symbolem Slashe (/) před jménem značky. Například: .
Uzavřené značky jsou nezbytné pro správné zobrazení položek na webové stránce. Označují konec určité části obsahu, která začala úvodní značkou. Bez uzavírací značky může prohlížeč nesprávně interpretovat značení a nezobrazovat stránku nesprávně.
Některé prvky v označení HTML nemají obsah, takže je lze uzavřít pomocí jediné značky, kterou je úvodní značka se symbolem Slash před zavírací závorkou. Například: .
Kromě toho existují položky, pro které je uzavřená značka volitelná. V takovém případě může otevíratelná značka přejít přímo na další položku bez uzavření předchozí. Tato vlastnost se nazývá "vnořený prvek". Například: Text s tučným písmem
Pamatujte na správné používání zavřených značek při označování HTML, aby byla vaše webová stránka správně zobrazena v prohlížeči a na všech zařízeních.