Seznam hlavních značek HTML

Pokud se rozhodnete vytvořit web, pak bez hypertextového značkovacího jazyka html nebudete daleko. Samozřejmě existují také CSS, PHP a další skriptovací jazyky, bez kterých by úplná stránka, jak jste zvyklá vidět, nebude fungovat. Nicméně, to jsou hlavní html tagy, které vám umožní položit základy pro vaše stránky.

Hlavní značky, bez nichž nikde

Když otevřete libovolný html dokument nebo webovou stránku, uvidíte obrovské množství různých značek. Pokud se však pečlivě podíváte, většina z nich se opakuje, protože popisují stejné prvky. Například hlavní tagy html obsahují tagy jako typ dokumentu , , , ,

a další.

Typ dokumentu a deklarace html dokumentu

Chcete-li zadat typ aktuálního dokumentu, použijte prvek . Je nutné, aby prohlížeč rozpoznal, jak interpretovat konkrétní webovou stránku. V závislosti na verzi html, kterou používáte, bude tento prvek vypadat jinak. V jazyce HTML5 má následující význam:

Po zadání typu dokumentu použijte značku . Stejně jako většina ostatních značek je to pár, který má otvírací a uzavírací značky. Rozdíl mezi nimi je, že před závěrečnou značkou je lomítko "/". Takže nejzákladnější html tag pro vytvoření webu bude vypadat takto:

...

Mezi značkou otevření a zavření bude v tomto případě umístěn zbytek kódu, který uzavře celý obsah webové stránky.

Tag

Tato značka je také hlavní značkou html. Je napsáno po , a je také spárován a obsahuje v podstatě metadata webové stránky. Tato data se nezobrazují ve viditelné části html stránky (s výjimkou značky

Metadata

Tag

Hlavní značka pro stránky html, protože obsahuje všechny viditelné prvky stránky - veškerý text, všechny obrázky a další informace. Ve skutečnosti, jako značka , to je kontejner pro jiné značky. Příklad:

Viditelný obsah webové stránky

Nadpisy a odstavce

Všechny výše uvedené značky jsou hlavními značkami html jazyka. Nicméně, v jazyce hypertextového značení je stále velký počet dalších prvků. Například značky odstavců a záhlaví. Umožňují strukturovat text, rozdělit jej do samostatných odstavců a vybrat jej. Takže pro odstavce je použita značka

, jedná se o párovou značku, mezi jejíž otevírací a zavírací prvek je umístěn nějaký text. Příklad:

Text odstavce

Kromě odstavců mohou hlavičky obsahovat také text. Nicméně také mění vzhled textu obsaženého uvnitř, zvyšují ho ve velikosti a zvýrazňují tučně. Existuje 6 druhů titulků, které se liší velikostí. Například název

Použití snímků

Žádné stránky nemohou bez obrázků, obrázků a fotografií. Koneckonců bez těchto stránek by byly suchý text, nezajímavý pro studium. Chcete-li do něj vložit libovolný obrázek, hypertextový značkovací jazyk používá značku . Je důležité poznamenat, že tato značka není spárována, takže v kódu bude zapsána jako .

Hypertextové odkazy v textu

Často, kromě textu a různých obrázků, webové stránky používají odkazy. Mohou být přesměrovány na zdroj třetí strany nebo na jinou stránku vašeho webu. Pro označení přítomnosti odkazu se používá značka .

Jaké jsou atributy?

Vybrali jsme několik hlavních značek. Většina značek má však také atributy. Jsou předepsány v otvoru a skládají se ze dvou částí. První je název atributu samotného, ​​druhý je hodnota tohoto atributu, který je napsán za znaménkem "=" a je uzavřen v uvozovkách.

Základní atributy html tagů

Mnoho tagů má atributy. U některých značek je však jejich přítomnost nepovinná, pokud nechcete prvky upravovat žádným způsobem. U ostatních značek je povinnost přítomnosti atributů, například značka (pro vytváření hypertextových odkazů) atag /> (přidat obrázky na stránku). Celá věc je, že pokud nebudeme zadávat tyto hlavní značky html atributy a jejich hodnoty, pak je neuvidíme na stránce webu.

Atributy značky

Zadáte-li v textu kód přiložený ke značce , kromě tohoto textu na webové stránce nic nevidíte. Vlastní značka ve skutečnosti říká pouze o úmyslu vytvořit hypertextový odkaz, ale abyste jej skutečně vytvořili, potřebujete atribut. Tento atribut bude href a hodnota tohoto atributu bude specifickým odkazem na zdroj. Pokud chceme vytvořit odkaz na stránku nisfarm.ru, bude vypadat takto:

Odkaz na nisfarm.ru

Takže celý text, který je mezi značkami , je hypertextový odkaz a hodnota atributu href uzavřeného v dvojitých uvozovkách bude adresou, kterou klikneme na text.

Src atributy pro

Podobná situace se značkou . Pokud nebudeme zadávat atribut a jeho hodnotu, obrázky na webové stránce se nezobrazí. Stejně jako u značky , přítomnost značky říká pouze, že do našeho kódu vložíme fotografii. Chcete-li se tento obrázek zobrazit, musíte zadat adresu tohoto obrázku. K tomuto účelu budete muset použít atribut src, jehož hodnota bude adresa obrázku umístěného na prostředku třetí strany nebo v počítači.

Atribut alt pro tag

Navíc značku existuje ještě jeden atribut. Není považován za povinný, ale je uznán jako doporučený pro použití. Tento atribut je atribut alt alt text. Hodnota tohoto atributu bude text odpovídající popisu fotografie nebo obrázku. Tento text se zobrazí, pokud z nějakého důvodu se obraz nezobrazí. Navíc použití tohoto atributu pomůže lidem se zrakovým postižením, kteří používají čtečky obrazovky. Takže značka spolu s oběma prezentovanými atributy vypadá takto:

alt = "popis obrázku" />

Jaké další atributy existují?

Atributy jsou obrovské, jejich seznam je stejně obrovský jako seznam hlavních značek html. Existuje však atribut, který je součástí několika značek. To je zarovnáno. Může být použit spolu s tagy , a také se značkou

. Jeho podstatou je, že nastavuje pozici obrazu nebo textu na stránce. Nejzákladnější hodnoty tohoto atributu jsou vpravo a vlevo, což označuje pravé a levé zarovnání (resp. Pokud jej použijete na obrázek, kód vypadá takto:

alt = "popis obrázku"

align = "right" />

Používání stylů

Je však třeba poznamenat, že některé takové atributy nebyly v poslední době použity a místo toho jsou použity kaskádové styly (CSS). Chcete-li používat styly v html, je předepsána značka , který je určen k připojení stylů a je umístěn ve značce .