Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Následující verze | Předchozí verze | ||
krouzek:html [2023/10/17 20:42] – vytvořeno admin | krouzek:html [2023/11/15 20:54] (aktuální) – upraveno mimo DokuWiki 127.0.0.1 | ||
---|---|---|---|
Řádek 1: | Řádek 1: | ||
> Vygeneruj lekci věnující se HTML sémantice. Popiš základní vlastnosti, strukturu a atributy nadpisů, odstavců, seznamů, obrázků, tabulek. | > Vygeneruj lekci věnující se HTML sémantice. Popiš základní vlastnosti, strukturu a atributy nadpisů, odstavců, seznamů, obrázků, tabulek. | ||
===== Co říká ChatGPT ===== | ===== Co říká ChatGPT ===== | ||
+ | (upraveno, rozšířeno) | ||
- | + | ==== Co je HTML Sémantika? ==== | |
- | ==== HTML Sémantika ==== | + | |
- | + | ||
- | + | ||
- | ===== Co je HTML Sémantika? | + | |
HTML sémantika je způsob, jakým v HTML označujeme různé části našeho dokumentu tak, aby bylo jasné, co daný obsah znamená. Správné používání sémantických značek má několik výhod: | HTML sémantika je způsob, jakým v HTML označujeme různé části našeho dokumentu tak, aby bylo jasné, co daný obsah znamená. Správné používání sémantických značek má několik výhod: | ||
Řádek 15: | Řádek 12: | ||
==== Základní Sémantické Značky ==== | ==== Základní Sémantické Značky ==== | ||
+ | (Všechny patří do těla stránky = mezi tagy '' | ||
=== Nadpisy === | === Nadpisy === | ||
- | Nadpisy (header) slouží k definování nadpisů a titulků stránky. HTML nabízí značky | + | Nadpisy (header) slouží k definování nadpisů a titulků stránky. HTML nabízí značky |
+ | |||
+ | <code html> | ||
+ | < | ||
+ | < | ||
+ | </ | ||
=== Odstavce === | === Odstavce === | ||
- | Odstavce se definují pomocí značky | + | Odstavce se definují pomocí značky |
+ | <code html> | ||
+ | < | ||
+ | </ | ||
+ | Takovémuhle výplňkovému (dummy) textu se říká [[https:// | ||
==== Seznamy === | ==== Seznamy === | ||
- | Seznamy mohou být buď nečíslované (označené bullety) nebo číslované. Pro nečíslované seznamy použijeme `< | + | Seznamy mohou být buď nečíslované (označené bullety) nebo číslované. Pro nečíslované seznamy použijeme `< |
=== Nečíslovaný seznam === | === Nečíslovaný seznam === | ||
Řádek 46: | Řádek 53: | ||
</ | </ | ||
- | ====== Obrázky | + | === Obrázky === |
- | Obrázky se vkládají pomocí značky | + | Obrázky se vkládají pomocí značky |
<code html> | <code html> | ||
Řádek 54: | Řádek 61: | ||
</ | </ | ||
+ | == Co je URL? == | ||
+ | * Podobné " | ||
+ | * Absolutní s uvedením serveru | ||
+ | - začíná specifikací protokolu, například '' | ||
+ | - následuje doménové jméno '' | ||
+ | - cesta v rámci serveru '' | ||
+ | - a případně parametry '' | ||
+ | * Absolutní na daném serveru | ||
+ | * začíná znakem '' | ||
+ | * Kontext: URL na které se nacházíme - předpokládá se stejný server | ||
+ | * Například URL: '' | ||
+ | * Relativní | ||
+ | * Kontext: URL na které se nacházíme - předpokládá se stejný server a stejný začátek cesty v rámci serveru | ||
+ | * Například URL: '' | ||
+ | * Lze použít i při zobrazení html stránky bez serveru (protokolem '' | ||
+ | * Specialita: '' | ||
+ | |||
=== Tabulky === | === Tabulky === | ||
- | Tabulky jsou strukturovaným způsobem zobrazení dat. Používáme značku | + | Tabulky jsou strukturovaným způsobem zobrazení dat. Používáme značku |
<code html> | <code html> |