Pár rad než začnete:

Test (X)HTML & CSS

HTML

Všechny následující otázky se váží výhradně k HTML. Pod pojmem specifikace v textu rozumějte pouze následovné, žádné jiné:

Otázka č. 1

1) Dříve byl na webu k vidění téměř výhradně takzvaný tabulkový layout. Ve které specifikaci se však tag <table> vyskytuje prvně?

  1. HTML 2.0
  2. HTML 3.0
  3. HTML+
  4. HTML 3.2
Otázka č. 2

2) Ještě jednou k tabulkám. V jedné specifikaci tabulky nabraly spoustu nových strukturních elementů (COLGROUP, THEAD, TBODY a další). V jaké specifikaci se tak stalo?

  1. HTML 3.0
  2. HTML 3.2
  3. HTML 4
  4. tyto strukturní elementy jsou výsadou XHTML
Otázka č. 3

3) A tabulky naposledy: Co se ve specifikaci objevilo dřív, tag pro nadpis tabulky (<caption>) nebo atribut summary?

  1. <caption>
  2. Oba se objevily zároveň ve stejné specifikaci
  3. summary
  4. V HTML atribut summary neexistuje
Otázka č. 4

4) V raných specifikacích HTML se vyskytovaly dva dnes už téměř zapomenuté prvky: <MENU> a <DIR>. Jaký je mezi nimi teoreticky rozdíl?

  1. <MENU> je element blokový, kdežto <DIR> řádkový
  2. Uvnitř prvku <DIR> se smí vyskytovat další prvek <DIR>, zatímco v <MENU> se další <MENU> vyskytovat nesmí
  3. Je to naopak, v <MENU> se další <MENU> vyskytovat může, ale v <DIR> další <DIR> nikoliv.
  4. Obsah prvku <DIR> by se měl vykreslit do více sloupců, obsah <MENU> do sloupce jednoho
Otázka č. 5

5) Jednu historickou otázku: Který z následujících tagů se nikdy nevyskytl v žádné specifikaci HTML?

  1. <NOTE>
  2. <FN>
  3. <MERGE>
  4. <FIG>
Otázka č. 6

6) Z jiného soudku, v jaké specifikaci se prvně objevil moderní tag <strong>?

  1. HTML 1.0
  2. HTML 3.0
  3. HTML 4
  4. vyskytuje se až v XHTML
Otázka č. 7

7) Trošku gramatiky: co řekne validátor na tento řádek kódu (zbytek dokumentu je validní dle HTML 4.01 Strict a odkaz je umístěn v povoleném kontextu): <a href=www.nicotno.cz/prazdnota/

  1. Zahlásí chybějící uvozovky kolem hodnoty atributu
  2. Nic, označí dokument za validní
  3. Zahlásí neuzavřený tag <a>
  4. Vyhodí chybu na druhém lomítku.
Otázka č. 8

8) Vycházejme z minulého příkladu, jak by měl ideální prohlížeč (tedy takový, který se 100% řídí standardy) odkaz vykreslit?

  1. neměl by jej vykreslit vůbec nijak
  2. místo obsahu by měl vykreslit výchozí zástupný znak operačního systému
  3. měl by vypsat text "www.nicotno.cz/prazdnota/", který by byl zároveň odkazem na tuto adresu
  4. měl by vypsat pouze text "prazdnota", který by byl odkazem na server www.nicotno.cz
Otázka č. 9

9) Při zpracování skriptů v HTML4 musí prohlížeč znát typ použitého skriptovacího jazyka, které z těchto tvrzení platí?

  1. Je třeba předat v <meta> hlavičce výchozí typ skriptovacího jazyka a zároveň je třeba u každého jednotlivého prvku <script> uvést typ odkazovaného skriptovacího jazyka atributem type.
  2. Předávání výchozího typu skriptovacího jazyka <meta> hlavičkou není nezbytně nutné, je však vždy třeba uvést jazyk pomocí atributu type každého prvku <script>
  3. Pakliže u prvku skript neuvedeme atribut type, musíme uvést hlavičku <meta>, která definuje výchozí skriptovací jazyk
  4. Není třeba uvádět žádné hlavičky ani atributy prvku <script>, zajistíme-li, aby server posílal definici výchozího skriptovacího jazyka v HTTP hlavičce.
Otázka č. 10

10) Mimochodem, kdy byl tag <MENU> definitivně vyřazen(!) ze specifikace?

  1. v HTML 3.0
  2. v HTML 4
  3. v HTML 3.2
  4. v HTML nikdy
Otázka č. 11

11) Je prvek <col> v HTML4 párový?

  1. ano, počáteční i koncová značka jsou povinné
  2. ano, koncová značka je však nepovinná
  3. ne, je nepárový
  4. ano, avšak počáteční i koncová značka jsou nepovinné
Otázka č. 12

12) Co platí o prvku <label> v HTML4?

  1. Jednomu formulářovému prvku (např. textovému poli) nesmí být přiřazeno více prvků <label>.
  2. Jeden <label> může být přiřazen k několika formulářovým prvkům
  3. Prvek <label> je blokový
  4. Prvek <label> lze přiřadit formulářovému prvku i jinak než prostřednictvím atributu for
Otázka č. 13

13) Co platí o uzavírání hodnot atributů v HTML4?

  1. není vyžadováno ani ze strany HTML4, ani ze strany SGML
  2. SGML to vyžaduje, avšak HTML4 toto pravidlo zase ruší
  3. SGML to vyžaduje, avšak HTML4 toto pravidlo povoluje v určitých případech porušit
  4. Uzavírání hodnot vyžaduje jak SGML, tak HTML4
Otázka č. 14

14) Dle syntaxe HTML4, jaký z těchto komentářů není přípustný:

  1. <! -- Komentář -- >
  2. <!-- Kom-e-ntář -->
  3. <!-- Komentář - - -- >
  4. <!-- Komen- - -tář- -->
Otázka č. 15

15) Pro naprosté experty: co platí pro tagy XMP a LISTING ve specifikaci HTML 2.0?

  1. Jsou sémanticky totožné
  2. Liší se rozdílným maximálním počtem znaků na jeden řádek
  3. XMP má více atributů než LISTING
  4. LISTING specifikace doporučuje nepoužívat právě ve prospěch elementu PRE, XMP je od PRE přísně odlišen a ještě dlouho tyto prvky koexistují

XHTML

Všechny následující otázky se váží výhradně k XHTML. Pod pojmem specifikace v textu rozumějte pouze následovné, žádné jiné:

Otázka č. 16

16) Na rozjezd něco lehkého. S jakými MIME typy může být dle specifikace posílán každý XHTML dokument?

  1. application/xhtml+xml, text/html
  2. text/xml, text/html
  3. application/xml, application/xhtml+xml, text/xml
  4. application/xml, application/xhtml+xml, text/xml, text/html
Otázka č. 17

17) Seřaďte chronologicky finální specifikace těchto verzí XHTML: XHTML 1.0, XHTML 1.0 (revize), XHTML 1.1, XHTML Basic

  1. XHTML Basic, XHTML 1.0, XHTML 1.0 (revize), XHTML 1.1
  2. XHTML 1.0, XHTML Basic, XHTML 1.1, XHTML 1.0 (revize)
  3. XHTML 1.0, XHTML Basic, XHTML 1.0 (revize), XHTML 1.1
  4. XHTML Basic, XHTML 1.0, XHTML 1.1, XHTML 1.0 (revize)
Otázka č. 18

18) Tento zápis je v XHTML: <a href="#"><span><a href="#"></a></span></a>

  1. nevalidní, odporuje specifikaci
  2. nevalidní, dle specifikace však přípustný
  3. validní, dle specifikace ale nepřípustný
  4. validní a dle specifikace přípustný
Otázka č. 19

19) Element <base> v XHTML:

  1. není
  2. je pouze v XHTML 1.0 Transitional
  3. je v XHTML 1.0 a XHTML Basic
  4. je ve všech verzích XHTML
Otázka č. 20

20) A co element <map>?

  1. Je ve všech verzích XHTML kromě XHTML Basic
  2. Je ve všech verzích XHTML kromě XHTML 1.1
  3. Je ve všech verzích XHTML
  4. Je pouze v XHTML 1.0 Transitional
Otázka č. 21

21) Jak má v XHTML prohlížeč interně zpracovat tento zápis: <p class="   hlavni   zeleny    "></p>

  1. <p class="hlavni zeleny"></p>
  2. <p class=" hlavni zeleny "></p>
  3. <p class="hlavni   zeleny"></p>
  4. <p class="   hlavni   zeleny    "></p>
Otázka č. 22

22) V XHTML (application/xhtml+xml) můžeme jednotlivé znaky stejně jako v SGML zapisovat entitami. Co tedy vypíše tento zápis: <p>&#X70;</p>

  1. Písmeno "F", jedná se o jeho zápis v desítkové soustavě entitou dle ASCII tabulky
  2. Písmeno "p", jedná se o jeho zápis v šestnáctkové soustavě entitou dle ASCII tabulky
  3. Nic se nevypíše, XHTML zápis znaků pomocí entit v této soustavě neopdporuje
  4. Pokus o vypsání této entity skončí chybou parseru
Otázka č. 23

23) XHTML Basic a tabulky. Který z výroků neplatí?

  1. V XHTML Basic mají kromě obecných (common) atributů prvky <table> pouze dva specifické atributy - width a summary
  2. V XHTML Basic není vůbec přítomen prvek <thead>
  3. V XHTML Basic chybí u prvků <td>, <tr> a <th> atribut valign
  4. V XHTML Basic prvek <td> stále obsahuje atributy colspan a rowspan
Otázka č. 24

24) V XHTML 1.1 není například u prvku <a> běžně obsažen atribut name, avšak je možné jej použít při využití zavrženého modulu Name Identification. Co v takovém případě platí?

  1. má-li prvek atribut name, nesmí mít zároveň atribut id stejné hodnoty (= hodnota atributu id musí být odlišná od hodnoty name)
  2. má-li prvek atribut name, musí mít zároveň atribut id stejné hodnoty (= hodnota atributu id musí být totožná s hodnotou name)
  3. má-li prvek atribut name, nesmí mít zároveň atribut id libovolné hodnoty
  4. má-li prvek atribut name, musí mít zároveň atribut id libovolné hodnoty
Otázka č. 25

25) V souvislosti s X(HT)ML je často zmiňován způsob, jímž XML parser nakládá s tzv. bílými znaky. Ale kolik různých bílých znaků parser rozlišuje?

  1. 3
  2. 4
  3. 5
  4. 6
Otázka č. 26

26) Co má dle specifikace udělat prohlížeč, který narazí na entitu, již zná, ale nedokáže vykreslit?

  1. Pokusit se najít jiný znak se stejným významem, jejž dokáže vykreslit. Pokud takový nenajde, má vypsat zástupný znak
  2. Má ji vypsat tak, jak je uvedena ve zdrojovém kódu (př. prohlížeč nemůže vykreslit odmocninu, vypíše tedy &radic;)
  3. Má použít zástupný znak, typicky otazník nebo prázdný obdélník
  4. Má entitu ignorovat
Otázka č. 27

27) Máme XHTML 1.0 Strict dokument. Za jakých podmínek v něm lze vynechat XML deklaraci?

  1. Právě a pouze tehdy, je-li znaková sada dokumentu UTF-8 nebo UTF-16
  2. Právě a pouze tehdy, je-li kódování dokumentu nastaveno v <meta> elementu
  3. Právě a pouze tehdy, obsahuje-li kořenový element dokumentu definici jmenného prostoru a zároveň je dokument v kódování UTF-8 či UTF-16
  4. Ani jedna z předchozích možností
Otázka č. 28

28) Tento zápis: <input type="text" disabled> je v XHTML samozřejmě nevalidní. Jak by měl vypadat správný zápis?

  1. <input type="text" disabled="disabled">
  2. <input type="text" disabled="1">
  3. <input type="text" disabled="true">
  4. Ani jedno z předchozích
Otázka č. 29

29) v HTML se v (téměř) každé tabulce vyskytoval prvek <tbody>, ať už jej vložil autor či parser. Jak je to s tímto prvkem v XHTML (MIME: application/xhtml+xml)?

  1. Parser jej doplní stejně jako v případě HTML
  2. Neuvede-li jej autor explicitně, není dokument validní
  3. Tento prvek není v XHTML tabulce povinný
  4. XHTML členění tabulek na hlavičku, tělo a patičku ruší
Otázka č. 30

30) Poslední otázka opět pro fajnšmekry: V jaké ze sad entit je pro XHTML dokument definována entita &euro; (znak evropské měny)?

  1. Latin-1
  2. Special
  3. Symbols
  4. Taková entita neexistuje

CSS

Při odpovídání vycházejte pouze ze specifikací CSS1 a CSS2.1 (tedy z první revize CSS2)

Otázka č. 31

31) Začneme zlehka. Vlastnosti display má v CSS2.1 jakou výchozí hodnotu?

  1. inline
  2. block
  3. inline-block
  4. žádnou, závisí na interním stylopisu prohlížeče
Otázka č. 32

32) Přitvrdíme. Jakou výchozí hodnotu má v téže specifikaci vlastnost font‑family?

  1. serif
  2. sans-serif
  3. monospace
  4. žádnou, závisí na interním stylopisu prohlížeče
Otázka č. 33

33) Nadpis tabulky v (X)HTML uzavíráme mezi tagy <caption> a </caption>. Nadpisek se však zobrazuje nad tabulkou. Jak jej pomocí CSS2.1 přesuneme pod tabulku?

  1. nijak, jen pomocí CSS to nejde udělat, vždy je třeba maličko javascriptu
  2. table { position: relative; } caption { position: absolute; top: 100%; }
  3. caption { vertical-align: bottom; }
  4. caption { caption-side: bottom; }
Otázka č. 34

34) Jaké hodnoty nemůže v CSS2.1 nabývat vlastnost cursor?

  1. e-resize
  2. hourglass
  3. move
  4. progress
Otázka č. 35

35) Co platí o zřídka využívané vlastnosti outline?

  1. není sdruženou vlastností
  2. ohraničení, které produkuje, se nezapočítává do rozměrů boxu
  3. maximální šířka tohoto ohraničení je jeden pixel
  4. taháš mě za nos, taková vlastnost v žádné CSS specifikaci není!
Otázka č. 36

36) V CSS2.1 máte zápis: p { float: left right; } Jak jej musí vnitřně zpracovat prohlížeč?

  1. p { float: left; }
  2. p { float: right; }
  3. p { }
  4. p { float: none; }
Otázka č. 37

37) Jakou barvu bude mít div po aplikaci této deklarace v CSS2.1: div { color: red; font‑family: 'Trebuchet MS color: green; color: blue; }

  1. červenou
  2. zelenou
  3. modrou
  4. těžko určit, každopádně celá deklarace bude vinou chyby v zápisu ignorována
Otázka č. 38

38) Kolik základních barev, jež lze v CSS2.1 zapsat slovem, zmiňuje specifikace?

  1. 16
  2. 17
  3. 18
  4. 19
Otázka č. 39

39) Výchozí hodnotou vlastnosti list‑style‑type je:

  1. disc
  2. circle
  3. square
  4. decimal
Otázka č. 40

40) Jakým způsobem lze vložit odřádkování do řetězce v CSS2.1?

  1. img[alt="Já jsem\00000a malý beránek"] { ... }
  2. img[alt="Já jsem\r\n malý beránek"] { ... }
  3. img[alt="Já jsem\n malý beránek"] { ... }
  4. img[alt="Já jsem\000d\000a malý beránek"] { ... }
Otázka č. 41

41) Zpracovává-li prohlížeč stylopis CSS2.1, o němž mu nebyla poskytnuta informace o kódování, jakou má předpokládat znakovou sadu?

  1. UTF-8
  2. US-ASCII
  3. ISO-8859-1
  4. Žádnou. Záleží na prohlížeči a systémovém prostředí
Otázka č. 42

42) Máme v dokumentu dva alternativní (alternate) externí stylopisy, jak se má v takovém případě zachovat prohlížeč (vizuální desktopový prohlížeč)?

  1. Prohlížeč nemá alternativní stylopisy zohledňovat
  2. Prohlížeč má načíst pravidla pouze prvního alternativního stylopisu
  3. Prohlížeč s nimi má zacházet stejně jako se stylopisy perzistentními
  4. Prohlížeč má uživateli umožnit, aby si vybral, jaké alternativní stylopisy chce využít
Otázka č. 43

43) Máte dokument validní dle HTML 4.01 Strict, tento smí obsahovat pouze doctype, title a jeden odstavec, žádný z prvků nesmí mít nastaveny žádné atributy. Jak v tomto případě (dle specifikace) odstavec obarvíte kaskádovými styly (CSS2.1)?

  1. Za této situace to není možné
  2. Lze využít nestandardní HTTP hlavičky Link
  3. Lze využít nestandardní HTTP hlavičky Style
  4. Lze využít nestandardní HTTP hlavičky Object
Otázka č. 44

44) Jaký definuje CSS2.1 media typ pro dálnopisy, terminály a podobná zařízení?

  1. Aural
  2. Terminal
  3. Typo
  4. Tty
Otázka č. 45

45) Do šířky (width) boxu se dle specifikace počítá:

  1. pouze width
  2. width + padding
  3. width + padding + border-width
  4. width + padding + border-width + margin
Otázka č. 46

46) Které tvrzení platí o vlastnosti z-index definované v CSS2.1?

  1. Nastavení vlastnosti z-index má efekt pouze na absolutně pozicované elementy
  2. Každý pozicovaný element si tvoří vlastní systém vrstev, jinými slovy: v každém pozicovaném elementu je výchozí vrstva se z-index: 0;
  3. Je to naopak, v každém pozicovaném prvku je výchozí vrstva s takovou hladinou, v jaké je definován pozicovaný prvek
  4. Její výchozí hodnota je 1
Otázka č. 47

47) Jak má prohlížeč vnitřně zpracovat tento CSS2.1 zápis: p { min‑height: ‑5px; } ?

  1. p { min-height: -5px; }
  2. p { min-height: 0; }
  3. p { min-height: 5px; }
  4. Nijak, záporná hodnota se zde nesmí vyskytnout
Otázka č. 48

48) Kolik možných hodnot má CSS2.1 vlastnost visibility? Hodnotu "inherit" nepočítejte.

  1. 1
  2. 2
  3. 3
  4. 4
Otázka č. 49

49) CSS2.1 definuje čítače (counters), jednou z vlastností ovlivňujících čítač je counter‑increment: <čítač>. Co se stane, bude-li tato vlastnost působit v definici prvku, který bude mít nastaveno display: none? Například: p { counter‑increment: citac1; display: none; }

  1. K danému čítači se přičte jednotka
  2. K danému čítači se nic nepřičte
  3. Čítač se vynuluje
  4. Element (v tomto případě odstavec) se zobrazí a k čítači se přičte jednotka
Otázka č. 50

50) Otázka pro CSS guru: jakou výchozí hodnotu má vlastnost orphans v CSS2.1?

  1. 0
  2. 1
  3. 2
  4. 3