1/50
Looks like no tags are added yet.
Name | Mastery | Learn | Test | Matching | Spaced | Call with Kai |
|---|
No analytics yet
Send a link to your students to track their progress
Kdo vytvořil HTML?
Tim Berners-Lee.
Kdy vznikla první verze HTML?
V roce 1990 (veřejně publikována v roce 1991).
Kde byl jazyk HTML původně vyvinut?
V institutu CERN ve Švýcarsku.
Proč byl jazyk HTML vůbec vytvořen?
Pro snadné sdílení a propojování vědeckých textů mezi výzkumníky pomocí odkazů.
Kdo se dnes stará o vývoj a aktualizace standardů HTML?
Organizace W3C (World Wide Web Consortium) a WHATWG.
Kdy byl oficiálně vydán standard HTML5?
V roce 2014.
Co přesně znamená zkratka HTML?
HyperText Markup Language.
Proč není HTML považováno za programovací jazyk?
Neobsahuje žádnou logiku, proměnné, podmínky ani cykly; je to pouze značkovací jazyk.
Kde se HTML kód finálně spouští a vykresluje?
V internetovém prohlížeči uživatele (klienta).
Proč se HTML říká "hypertextový" jazyk?
Protože umožňuje propojovat různé stránky a dokumenty pomocí klikacích odkazů.
Jak se nazývají základní stavební bloky HTML?
Tagy (značky).
Kde a do jakých znaků se HTML tagy povinně uzavírají?
Do špičatých závorek < a >.
Proč používáme takzvané párové tagy?
Abychom jasně a přesně vymezili, kde daný obsah (např. odstavec) začíná a kde končí.
Kde a jak se zapisuje zavírací část párového tagu?
Píše se za obsah a obsahuje dopředné lomítko, např. </p>.
Kdy naopak použijeme nepárové tagy?
Když element neobaluje žádný text, ale do stránky vkládá přímo nějaký objekt (např. obrázek <img>).
Kdo a jak říká prohlížeči, že dokument používá nejnovější verzi HTML5?
Deklarace <!DOCTYPE html> umístěná na úplně prvním řádku.
Kde začíná a kde končí samotná struktura HTML dokumentu?
Vše je obaleno mezi kořenovými tagy <html> a </html>.
Proč existuje tag <head>?
Slouží k uložení metadat, která nejsou přímo viditelná na stránce, ale jsou zásadní pro chod webu.
Kde bys na stránce hledal text zapsaný do tagu <title>?
Nikdy ne v obsahu, zobrazuje se nahoře v záložce webového prohlížeče.
Proč v hlavičce povinně nastavujeme <meta charset="UTF-8">?
Aby prohlížeč správně pochopil kódování a nerozbil nám zobrazení české diakritiky.
Kde se v kódu nachází veškerý viditelný obsah stránky pro uživatele?
Vždy pouze uvnitř párového tagu <body>.
Kdo zpracovává atributy HTML tagů a k čemu slouží?
Zpracovává je prohlížeč; dávají mu doplňující instrukce k danému tagu (např. URL u odkazu).
Kde přesně se atributy u elementu musí zapisovat?
Vždy a pouze dovnitř otevíracího tagu (např. <a href="…">).
Proč musí být atribut "id" na celé stránce naprosto unikátní?
Aby šlo konkrétní element jednoznačně najít a zaměřit pomocí CSS nebo JavaScriptu.
Kdy naopak použiješ u elementu atribut "class"?
Když chceš stejný styl nebo logiku hromadně aplikovat na více různých elementů.
Jakým tagem vytvoříš na stránce hlavní nadpis?
Značkou <h1>.
Kolik celkových úrovní nadpisů HTML ve svém základu podporuje?
Šest (značky <h1> až <h6>).
Proč by měl být tag <h1> použit na každé podstránce ideálně jen jednou?
Definuje hlavní téma pro internetové vyhledávače a je to klíčové pro SEO.
Kde využiješ element s označením <p>?
Kdykoliv potřebuješ vložit běžný odstavec textu.
Kdy bys použil značku <br>?
Když potřebuješ text pouze zalomit na nový řádek bez vytváření úplně nového odstavce.
Kdo je v HTML zodpovědný za zprovoznění hypertextového odkazu?
Tag <a> (zkratka slova anchor).
Kde se u tagu <a> definuje adresa, kam má po kliknutí směřovat?
V atributu s názvem href.
Proč k odkazu přidáváme atribut target="_blank"?
Přinutíme tím prohlížeč, aby cílový odkaz otevřel v nové, vedlejší záložce.
Jakým tagem vložíš do dokumentu fotografii?
Nepárovým tagem <img>.
Kde a jak se u obrázku definuje cesta ke zdrojovému souboru?
Pomocí atributu src (např. <img src="fotka.jpg">).
Proč je u obrázků považováno za velkou chybu chybějící atribut alt?
Alternativní text pomáhá při chybě načítání a je kritický pro hlasové čtečky nevidomých.
Kdy se v designu používají takzvané blokové elementy?
Když tvoříme prvek, který má zabrat celou šířku obrazovky a automaticky pod sebe zalomit řádek.
Kdy naopak využijeme řádkové (inline) elementy?
Když chceme upravit detail uprostřed věty (např. obarvit jedno slovo) bez toho, aby se věta zlomila.
Kde bys v projektu typu "After Hours" nasadil tag <form>?
Při kódování přihlašovacího okna, protože form zajišťuje odeslání dat uživatele na backend.
Kdy použiješ tag <input type="text">?
Pro vytvoření obyčejného, jednořádkového textového pole.
Proč se u políčka pro zadávání hesla využívá <input type="password">?
Zabrání to zobrazení hesla lidem okolo tím, že prohlížeč změní znaky na tečky.
Kdo na formuláři zajišťuje odstartování odeslání dat?
Typicky tlačítko zapsané jako <button type="submit">.
Kde použiješ tag <ul>?
Jako hlavní obal pro vytvoření neuspořádaného seznamu (položky s odrážkami).
Kdy místo toho nasadíš tag <ol>?
Když potřebuješ vytvořit uspořádaný seznam, kde se položky samy číslují (1, 2, 3…).
Jakým způsobem se označuje jedna konkrétní položka uvnitř seznamů <ul> i <ol>?
Obaluje se do tagu <li>.
Proč zavádí HTML5 takzvané sémantické tagy a k čemu jsou dobré?
Aby samotný název tagu jasně popisoval jeho význam, což je lepší než tvořit web z anonymních <div>.
Kde bys na webové stránce umístil sémantický tag <nav>?
Jako hlavní kontejner obalující důležité navigační odkazy.
Kdo tvoří základní stavební kostru při tvorbě tabulky?
Značka <table>.
Kde v tabulce definuješ nový řádek?
Pomocí párové značky <tr>.
Kdy uvnitř řádku tabulky použiješ <th> místo <td>?
Když buňka neslouží jako obyčejná data (td), ale tvoří výraznou hlavičku celého sloupce (th).*