Seznam značek HTML s popisem

Tagy jsou slova v jazyce HTML. S jejich pomocí můžete zjednodušit textový tok do krásně navrženého dokumentu s srozumitelnou strukturou. Úplný seznam značek HTML obsahuje asi sto odstavců, nicméně v praxi je stále používán mnohem méně. Vykonávají různé funkce - od vytváření vizuálního rámce stránky a formátování textu do propojení souborů třetích stran a v souladu s oficiálními pravidly internetu.

Struktura dokumentu

Aby webová stránka byla adekvátně zobrazena prohlížečem a byla vnímána roboty, měla by mít určitou strukturu.

První značka dokumentu by měla být , Prohlašuje, na jaký typ se vztahuje. Je to v souladu s příkazem doctype, že prohlížeč vykreslí rozvržení. Nejpopulárnějším typem je standard HTML5, který je deklarován takto:

Stránka musí obsahovat kořenový prvek, který obaluje celý její obsah. Tuto funkci provádí značka html.

Veškeré servisní informace jsou umístěny uvnitř oddílu hlavu, a skutečný obsah, který bude viditelný pro uživatele, může být přiložen do značky tělo.

Použití značky tělo není to však nutně považováno za správnou praxi. To vám umožní jasně definovat strukturu webové stránky, označit začátek a konec části obsahu.

Každá značka je plná část s obsahem, takže má úvodní a uzavírací část.

Servisní informace

Uvnitř tagu hlavu data, která nejsou pro uživatele viditelná, ale důležitá pro webový dokument, jsou předepsány.

Na tagu se zobrazí název stránky, která se zobrazí na kartě prohlížeče titul.

Různé užitečné informace o službě mohou být zobrazeny ve formě meta tagů, které nemají uzavírací část. Meta informace jsou popsány atributy tagu meta:

• jméno - název popisovaného majetku;
• obsahu - jeho smysl;
• http-equiv - údaj, že tato metaznačka by měla být převedena na hlavičku HTTP;
• charset - kódování, ve kterém byl dokument uložen.

Níže je uveden seznam značek html s atributy, které mohou být užitečné pro přenos důležitých dat:

Připojování souborů

Plná práce s webovou stránkou často vyžaduje další zdroje, například styly a skripty. Mohou být připojeny z souborů třetích stran nebo definovány v samotném dokumentu.

Styly musí být zadány uvnitř tagu hlavu, aby bylo zajištěno správné zobrazení stránky. Chcete-li připojit styl stylu, značku neuzavřeného odkazu s atributy href = "adresa souboru" a rel = "stylesheet", který informuje prohlížeč, že stažený soubor je tabulka CSS. Definice pravidel stylu v rámci samotné stránky by měla být provedena ve značce styl.

Připojením skriptů v sekci služby může dojít ke zpomalení stahování, takže jsou často uváděny v dolní části dokumentu před závěrečnou značkou tělo. Chcete-li určit adresu souboru, použije se atribut src. Kromě toho může být skript zapsán uvnitř samotné značky, ale nevidí-li prohlížeč, adresa by neměla být zadána.

Příklad připojení souborů:

Příklad definování skriptů a stylů uvnitř stránky:

Rozložení stránky

Chcete-li vizuálně přerušit nepřetržitý tok neformátovaného textu do sémantických skupin, vytvořte sloupce a samostatné oddíly, použijte strukturální značky HTML. Vytvářejí blokové kontejnery, pro které můžete instalovat libovolný design pomocí CSS.

Nejpopulárnější hypertextová značkovací značka je bezesporu, div. Nemá žádné sémantické zatížení a může být použit k seskupení všech segmentů obsahu.

Kromě toho existuje několik sémantických strukturálních značek zavedených standardem HTML5. Pomáhají jim dát určitému sémantickému zatížení, například jako navigační blok nebo suterénu místa.

Seznam značek HTML, které mají sémantickou hodnotu na úrovni celé stránky:

Nový standard navíc umožňuje sémantické seskupování mediálního obsahu s podpisem pomocí obrázku a obrázku.

Značky záhlaví

Chcete-li oddělit nadpisy různých úrovní, je zde celá skupina značek až do

Nadpis druhé úrovně
Nadpis třetí úrovně
Okruh 4
Okruh 5
Okruh 6

V praxi se nejčastěji používají první tři typy.

Navrhování hypertextových odkazů

Hypertextové odkazy, které propojují různé stránky, jsou základem World Wide Web, takže jejich design v HTML je věnován zvláštní pozornost. Odkazy by měly vyniknout na pozadí zbytku textu, ve výchozím nastavení mají modrou barvu a podtržení. Takový návrh poskytuje značku .

Úplný seznam atributů značky hypertextového odkazu HTML:

• všechny univerzální atributy, jako je třída, id, styl;
• href - adresa stránky, do které chcete migrovat;
• cíl - určuje, kde otevřít novou stránku. Ve výchozím nastavení je cílem aktuální karta, hodnota prázdné určuje otevření nové karty.
• download - namísto přenosu bude určený soubor stažen do počítače uživatele;
• rel - určený pro vyhledávače, s hodnotou nofollow zakazuje přenos robota odkazem;
• typ označuje typ MIME cílového souboru.

Mediální obsah

Web by byl velmi nudný bez obrázků, videí a jiného mediálního obsahu. V normě HTML existuje několik značek pro vkládání do stránky.

Umístění obrázků je určeno značkou img s následujícími specifickými atributy:

• src - adresu obrázku;
• alt - Alternativní text, který se zobrazí, pokud dojde během procesu načtení obrázku k chybě;
• šířka, výška - rozměry.

Vestavěné objekty lze umístit do tagů objekt nebo vestavěné, Navíc standard HTML5 představil speciální značky video a zvuku. Mají působivý seznam atributů, které řídí zobrazení a přehrávání mediálního obsahu.

Tag iframe Vytvoří samostatný plovoucí rámeček, ve kterém lze načíst jiný webový dokument.

Plátno umožňuje vytvářet různé obrázky a dynamicky je manipulovat s vysokou účinností pomocí jаvascript.

Formátování textu

Seznam značek HTML určených pro formátování textového obsahu je velmi velký.

• b, silný - značka tuku;
• i, em, dfn - italic;
• q, blockquote - přidělování nabídek;
• kód, kbd - monospaced písmo;
• del, s - Přeškrtnutí;
• in, u - zdůraznění;
• značka - rozdělení žluté;
• sub - dolní index;
• sup - horní index;
• malý - menší než aktuální.

Nucené převody lze uspořádat pomocí značky
. vyzve prohlížeč k možným přerušením řádků. Kromě toho je k dispozici značka

Text ve formě odstavců pomůže při označování

, a oddělí je tenkou šedou čárou - .

Interaktivní prvky

Pro práci na internetových stránkách jsou velmi důležité formy a různé interaktivní prvky. Umožňují přijímat a přenášet potřebná data, komunikovat s uživatelem, vytvářet dynamický obsah.

Jedním z nejdůležitějších prvků formulářů je vstupní pole představované značkou . Může to záviset na hodnotě atributu typ.

Další prvky forem:

• tlačítko - tlačítko;
• vyberte - rozbalovací seznam;
• textarea - pole více polí;
• štítku - podpis pro pole.

Tag formulář skupinových interaktivních prvků a zajistí, aby byla data odeslána na server a pole pole - sdružuje příslušná pole ve skupinách.

Registrace seznamů

V jazyce HTML existují tři typy seznamy: označené, číslované a seznam definic.

Seznam definic se skládá z:

• kontejner -

  -

• název výrazu -
  -
• popis termínu -
  .

Termín 1
Popis prvního semestru
Termín 2
Popis druhého semestru

Očíslovaný seznam značek HTML - (objednaný seznam), označený - (neřízený seznam). Jejich položky jsou zabaleny do tagu (položka seznamu).

každý
lovec
přání
vědět
kde
sedí
bažant

Formátování tabulek

Dalším důležitým prvkem webu jsou tabulky, které umožňují systematizaci a pohodlné zobrazení velkého množství informací.

Seznam značek tabulky HTML:

• stůl - stůl;
• thead - čepice, která obvykle obsahuje hlavičky;
• tbody - tělo tabulky s hlavními daty;
• tfoot - zápatí, ve kterém jsou sumy shrnuty;
• řada buněk;
• td je obyčejná buňka;
• th - záhlaví buňky, má své vlastní výchozí rozložení;
• col - umožňuje vybrat sloupec tabulky a použít styly;
• colgroup - skupina sloupců;
• titulkem je popiska k tabulce.

Tento neúplný seznam značek HTML s popisem ukazuje, jak široké jsou možnosti hypertextového značení při návrhu webových stránek. Coder může poskytnout jakékoli informace v uživatelsky přívětivé formě a stále poskytují dobrý dojem ze stránek pomocí vyhledávačů, což je pro jeho propagaci velmi důležité.