Html 0.4
Struktura kódu stránky (2)
Jednotlivé části HTML stránky
Teď si ten kód rozebereme, abychom se v něm dokázali orientovat.
DOCTYPE
Na úplném začátku je deklarace "doctype" (ve výše uvedeném příkladu to jsou první dva řádky).
Polopatě: Představte si, že překladateli dáte text v cizím jazyce, který má přeložit. Buďto bude muset odhadnout, co je to za jazyk, nebo mu to předem řeknete. A když už to bude vědět, bude předpokládat, že je to pravda, a že text nebude smíchaný z více jazyků a bude dodržovat pravidla pravopisu toho jazyka. Protože jestli ne, nemůže zaručit, že překlad bude správný a jestli se obsah textu nezkomolí.
No a tím překladatelem je prohlížeč, tím textem je html kód. Neříct mu, v jakém jazyce je to napsané, to by bylo ošklivé. Řekneme mu to právě zápisem DOCTYPE. A my bychom měli dodržet pravopis toho jazyka, tj. pravidla použité verze HTML. Prohlížeč pak může ten kód správně přeložit - neboli zobrazit.
Jinými slovy - tímto zápisem řeknete prohlížeči, v jaké verzi (X)HTML jste svou stránku napsali. Prohlížeč podle toho s kódem naloží. V našem příkladě je použita deklarace XHTML 1.0 strict, a to jen proto, že jsem v tomhle doctype zvyklá dělat. Třeba si na to taky rádi zvyknete.
A ještě odborně - JPW říká:
"Každý správně formátovaný HTML dokument by měl na začátku obsahovat informace o verzi použitého HTML a typu DTD (Document Type Definition). DTD je jinými slovy návod pro prohlížeč zpracovávající dokument. Říká mu, jaké elementy dokument používá a jak s nimi zacházet. Element DOCTYPE není součástí HTML dokumentu, není elementem HTML a nemusí mít koncovou značku."
Doporučená četba: jakpsatweb.cz o doctype, wellstyled.com o režimech prohlížečů podle doctype.
Vlastní (X)HTML
To, co následuje, už je opravdu v jazyce HTML; proto je celý zbytek uzavřen do tagu <html> (na konci samozřejmě </html> ).
Hlavička - head
Hlavička je uzavřena do tagů <head> </head> . Může (nebo by měla) v ní být spousta užitečných informací, žádná z nich se ale nezobrazí ve formě textu na výsledné stránce; přesto mají na zobrazení stránky velký vliv.
- To, co bude mezi tagy <title> a </title> , bude názvem stránky, který se vypíše v horní liště prohlížeče nebo v ikoně ve spodní liště. V našem příkladu to je text "Toto je moje stránka".
- Dále zde najdete různé tagy <meta /> . Důležitý je hlavně meta tag týkající se kódování.
Doporučená četba: jakpsatweb.cz o meta tazích
- Do hlavičky patří také případné skripty a stylopis nebo cesta k externímu stylopisu . To jen aby bylo vidět, že vím o čem mluvím; nám to zatím k ničemu není a necháme to stranou.
Tělo stránky - body
Následují tagy a texty, uzavřené v párovém tagu <body> a </body> . Tady je konečně všechno to, co se na naší stránce zobrazí. A na to se podíváme podrobněji.
Komentáře
Přehled komentářů
Вместо того чтобы критиковать пишите свои варианты.
. f42l
(BrandonSef, 22. 9. 2026 0:02)
Я извиняюсь, но, по-моему, Вы не правы. Пишите мне в PM.
Adventure! z893s
(MaryHah, 21. 9. 2026 23:32)
На мой взгляд, это актуально, буду принимать участие в обсуждении. Вместе мы сможем прийти к правильному ответу. Я уверен.
at the Races Slot Game Non-GamStop v313o
(MikeGot, 21. 9. 2026 19:10)
На Вашем месте я бы пошел другим путём.
for an exciting gaming experience. s701m
(AnthonyAcina, 21. 9. 2026 18:40)
ха-ха-ха Это просто нереально....
cannazon market
(Russellmug, 20. 9. 2026 13:18)
Dark web scams – vendors may take payment and never ship. common scams include fake escrow services, phishing for PGP keys, and malware disguised as files. no consumer rights, no refunds, no recourse. stay skeptical and never send money to strangers
https://tor-onion.click/dark-web-download-android dark web download android
https://oniontor.surf
Donaldben
(Donaldben, 20. 9. 2026 1:15)
Компания занимается реализацией ферросплавов, необходимых для качественного легирования сталей на литейных участках.
https://rms-ekb.ru/catalog/list/list-5khgm-0-9x1000x1000-gost-19903-2006/
Обучение По Интернету
(PhilipFimah, 19. 9. 2026 5:37)
тропический остров потухших вулканов с великолепными пляжами Подробнее об о https://akademy21.ru/podolog
Хайнань https://akademy21.ru/contacts/kaliningrad
Конечно, китайская еда – это то, о чем говорят все, кто вернулся из Китая здоровым и невредимым (что бы это ни значило)! Все рассказывают, как пробовали китайскую еду на родине https://akademy21.ru/obucheniye-lazernoye-udaleniye-sosudov-kuperoza-varikoza
Palm Beach Resort & Spa https://akademy21.ru/prepodavatel_podologii
К сожалению, у нас нет подходящих туров для отображения https://akademy21.ru/contacts/groznyj
Китай | Санья https://akademy21.ru/master_manikura
К сожалению, у нас нет подходящих туров для отображения https://akademy21.ru/apparatniy_pedecur
Jeffreyepism
(Jeffreyepism, 19. 9. 2026 3:39)
Ответственная компания, которая ценит долгосрочное сотрудничество, всегда идут навстречу клиенту.
https://xn--80aeedb0bfzeok.xn--p1ai/catalog/latunnye-naruzhnye-stopornye-koltsa-po-gost/latunoe-naruzhnoe-stopornoe-pruzhinnoe-koltso-165kh3-mm-lts40sd-gost-13942-86/
Guessing the Language.
(Danielwata, 18. 9. 2026 0:33)
Is it really enough for a translator to just identify one language?
If the text mixes dialects or slang, even a perfect guess can miss subtle meanings.
. p909o
(Saralayex, 17. 9. 2026 20:59)
Я думаю, что Вы допускаете ошибку. Предлагаю это обсудить. Пишите мне в PM, пообщаемся.
cisco hacked
(Russellmug, 17. 9. 2026 17:48)
How to access darknet markets – most markets require registration and 2FA. step 1: download Tor from the official site. step 8: never share personal info. even browsing can attract attention
https://torlinksplus.com/onion-topic-links-guide onion topic links
https://tor-onion.live
Today! w139v
(RitaEmawn, 17. 9. 2026 16:29)
Вы попали в самую точку. Мысль хорошая, согласен с Вами.
1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99
. s981x
(IsabellaSkink, 22. 9. 2026 1:13)