Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Obě strany předchozí revize Předchozí verze Následující verze | Předchozí verze | ||
krouzek:html [2023/10/17 20:44] – 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 === | ||
Řá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 === | ||