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ářů
Mobile banking definition – the service may be via mobile app, SMS, or mobile browser. now includes advanced features like fingerprint login, AI chatbots, facial recognition. mobile banking is often compared to online banking but is more convenient for on-the-go users. some apps support watchOS and Wear OS devices.
https://eta-il.ru
. a728g
(TabithadiAse, 6. 9. 2026 6:56)
Жаль, что сейчас не могу высказаться - очень занят. Вернусь - обязательно выскажу своё мнение по этому вопросу.
Today! m765u
(HarryLip, 6. 9. 2026 6:41)
На мой взгляд, это актуально, буду принимать участие в обсуждении. Вместе мы сможем прийти к правильному ответу.
Now! p14k
(CassieTwEpt, 6. 9. 2026 3:59)
Между нами говоря, рекомендую Вам поискать в google.com
Adventure f11o
(Brandonunult, 6. 9. 2026 2:34)
Прошу прощения, что я вмешиваюсь, хотел бы предложить другое решение.
1xBet Промокод 2026 — Приветственный Пакет до 32 500 руб
(CharlesLah, 5. 9. 2026 23:17)
промокод при регистрации 1xBet Ввод промокода при регистрации на https://talasika.ru/includes/pgs/promokod-1xbet.html даёт бонус 100% на первый депозит, для комфортного старта с полным бонусом.
. w627e
(Marenric, 5. 9. 2026 22:57)
Жаль, что сейчас не могу высказаться - нет свободного времени. Освобожусь - обязательно выскажу своё мнение.
Now! r474u
(Wendyitela, 5. 9. 2026 22:26)
Полностью разделяю Ваше мнение. В этом что-то есть и я думаю, что это отличная идея.
! o611d
(GloriaGor, 5. 9. 2026 17:07)
я посмотрел вчера, мне понравился..... за неимением лучшего
Music fresh FLAC section
(Frankieknolo, 5. 9. 2026 15:48)
Hej,
MP3 source for DJ's and music addicts. You get FTP access - https://scenedance.blogspot.com
Full access to 276 TB music library, files are available every time - https://0daymusic.org
No ads - no waiting time - very fast download speed, ~400 daily 0DAY scene releases BEATPORT, traxsource,
fresh FLAC section , tracks unique section for the top downloaded albums 26 years music archives.
DJ producer applications full labels, music videos, albums files Sorted section by date and style, livesets etc..
Frankie
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
Truist bank login mortgage sign up
(JoshuaSep, 6. 9. 2026 9:13)