HTML (HyperText Markup Language) - je to standardní značkovací jazyk, který se používá k vytváření a navrhování webových stránek. Pomocí HTML je možné zobrazit informace na webové stránce a nastavit jejich strukturu a vzhled.
K vytvoření odstavců v HTML se používá značka p. Uvnitř značky p můžete umístit jakýkoli text nebo jiné prvky HTML. Například:
Это первый абзац на веб-странице.
А это уже второй абзац. В нем можно использовать жирный и курсивный текст, а также другие стили и элементы.
Pro složitější strukturu informací lze použít značku . Pomocí této značky lze vytvořit tabulky s buňkami a sloupci, což vám umožní uspořádat a prezentovat informace jako tabulku.
Značku lze také použít k vytvoření označeného seznamu, kde bude každá položka vypadat jako označený bod. Značka umožňuje vytvořit číslovaný seznam, kde se každá položka automaticky čísluje.
Odstavce a textové bloky
Chcete-li vytvořit odstavec, stačí použít značky otevírání a zavírání
. Celý text uzavřený mezi těmito značkami se zobrazí jako samostatný odstavec.
Это первый параграф.
Это второй параграф.
To je první odstavec.
To je druhý odstavec.
Pokud chcete zvýraznit samostatný blok textu, aniž byste vytvořili nový odstavec, můžete značku použít . Značka je kontejner, který umožňuje seskupit obsah a aplikovat na něj styly.
Это блок текста.Značka má širší škálu použití a role v CSS stylech. Často se používá k označování různých částí stránky nebo seskupování prvků.
Seznamy
-
. Každá položka seznamu se umístí do značky
. Například:
- První prvek
- Druhý prvek
- Třetí prvek
Výsledek bude vypadat následovně:
- První prvek
- Druhý prvek
- Třetí prvek
-
. Každá položka seznamu je také umístěna do značky
. Například:
- První prvek
- Druhý prvek
- Třetí prvek
Výsledek bude vypadat následovně:
- První prvek
- Druhý prvek
- Třetí prvek
Kromě toho lze seznamy do sebe vložit a vytvořit tak vnořenou strukturu. Například:
- První prvek
- Druhý prvek
- Díl 1
- Díl 2
Výsledek bude vypadat následovně:
- První prvek
- Druhý prvek
- Díl 1
- Díl 2
Tabulky
Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Buňka 1 Buňka 2 Buňka 3 Buňka 4 Můžete také přidat nadpisy tabulky pomocí značky . Nadpisy buněk tabulky se ve výchozím nastavení zobrazují tučně.
Příklad použití značky k přidání záhlaví do tabulky:
Заголовок 1 Заголовок 2 Ячейка 1 Ячейка 2 Ячейка 3 Ячейка 4 Titulek 1 Titulek 2 Buňka 1 Buňka 2 Buňka 3 Buňka 4 Příklad sloučení buněk:
Заголовок таблицы Ячейка 1 Ячейка 2 Nadpis tabulky Buňka 1 Buňka 2 Obrázky a média
Zde je základní syntaxe pro vložení obrázku:
Atribut src určuje cestu k obrazu. Cesta může být absolutní nebo relativní. Atribut alt nastaví alternativní text, který se zobrazí, pokud obrázek Nelze stáhnout nebo přečíst čtecími programy z obrazovky.
Například následující kód vloží obrázek pomocí " images/myimage.JPG a alternativní text"můj obrázek":
Do HTML lze také vložit audio a video pomocí značek a podle toho. Například následující kód vloží zvukový soubor "audio / mysong. mp3":
V tomto příkladu je také použit atribut controls, který přidává ovládací prvky audio přehrávače.
Pomocí HTML lze vkládat ještě více mediálních prvků, jako jsou zvukové přehrávače, přehrávače videa, galerie obrázků atd. pro vytváření interaktivních a multimediálních webových stránek.
Formuláře a zadávání dat
K vytvoření tvaru se používá značka . Uvnitř této značky můžeme umístit různé ovládací prvky, jako jsou textová pole, tlačítka, zaškrtávací políčka a další.
Jedním z nejpoužívanějších prvků tvaru je textové pole. K jeho vytvoření se používá značka s atributem type= "text". K zobrazení nápovědy uvnitř pole lze také použít atribut placeholder.
Ve formuláři může být i tlačítko pro odesílání dat. K tomu se používá značka s atributem type= "submit".
Uživatelem zadaná data mohou být odeslána na server ke zpracování. K tomu se používá atribut akce v tagu, který označuje adresu URL, na kterou mají být data odeslána , a atribut method, který označuje metodu přenosu dat (GET nebo POST).
Formuláře vám umožňují shromažďovat různé typy dat, jako je text, čísla, data a soubory. K tomu se používají různé typy tvarových prvků, jako je,, a .
Formuláře mohou také obsahovat zaškrtávací políčka ( ) a rádiové knoflíky () pro výběr možností.