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ářů
не нравится такое
. o451l
(Adamalief, 9. 9. 2026 0:13)
Присоединяюсь. И я с этим столкнулся. Давайте обсудим этот вопрос. Здесь или в PM.
Дренажный Насос Pedrollo
(Kennethkeeby, 8. 9. 2026 16:48)
Дренажные электронасосы широко применяются для отведения лишней жидкости, грунтовых вод, в аварийных ситуациях, требующих экстренного осушения подвалов или котлованов https://atpump.ru/fancy-fdx_200.25/
Большой ассортимент моделей агрегатов этого типа позволяет применять их не только в бытовых, но и в промышленных масштабах https://atpump.ru/samovsasyvayushchiy-nasos-pedrollo-future-jet-1a/
Основные области использования дренажных электронасосов Pedrollo:
Погружные дренажные насосы имеют широкую сферу применения, например в котлованах, колодцах, бассейнах, для прочистки скважин и пр https://atpump.ru/tsentrobezhnyy-nasos-pedrollo-f-65125c-1-2/
Высокая производительность — до 15 000 литров в час https://atpump.ru/skvajinnyi-nasos-pedrollo-4sr-2-33-f-pd/
Применяемые компанией Pedrollo инновационные технические разработки вкупе с использованием высококачественных материалов и комплектующих по праву делают дренажные электронасосы этого производителя одними из лучших в мире https://atpump.ru/tsirkulyatsionny-nasos-td5028g-2swhcj/
Дренажный насос — это электрическое устройство для перекачки больших объемов жидкостей https://atpump.ru/ustanovka-tissel-ts1-2cp25-14b/
Используется для осушения подвалов, бассейнов, колодцев, затопленных участков, канав и сточных ям https://atpump.ru/unipump-jet-100-s/
Прибор создает небольшое давление, которого, впрочем, достаточно, чтобы поднять воду на определенную высоту https://atpump.ru/drenazhnyy-nasos-pedrollo-rxm-3-gm-5m/
Корпус — защищает внутренние элементы от повреждений https://atpump.ru/fekalnyyasos-pedrollo-vx-40-80/
Коммунальное хозяйство;
Поверхностный — ставится на сухой берег и перекачивает воду через шланг https://atpump.ru/skvazhinnyy-nasos-pedrollo-4sr-4-6-s-pd/
Удобен, если уровень воды небольшой или нужно осушить пруд, накопительную ёмкость или низину на участке https://atpump.ru/gidravlicheskaia-chast-fg-65-160a/
of Onlywin Casino Online! l443f
(Harryquine, 8. 9. 2026 15:03)
Присоединяюсь. Всё выше сказанное правда. Давайте обсудим этот вопрос.
Games! y473e
(Sheilacharo, 8. 9. 2026 15:03)
Я извиняюсь, но, по-моему, Вы не правы. Я уверен. Давайте обсудим. Пишите мне в PM, пообщаемся.
in Your Life o727c
(Annethoug, 8. 9. 2026 14:50)
Да качество наверное не очень...смотреть не буду.
Online! v787v
(Ginadouri, 8. 9. 2026 10:29)
В этом что-то есть и это хорошая идея. Я Вас поддерживаю.
Truist bank login mortgage payment
(JoshuaSep, 8. 9. 2026 10:21)
How to get rid of pantry moths forever – clean pantry thoroughly every 1–2 months. inspect all packaging, especially from discount stores. do not leave open food on counters for long periods. forever prevention requires constant vigilance.
https://evakuator-kazan.ru
deadwood. s252c
(Rachelcet, 8. 9. 2026 7:26)
Да, действительно. Всё выше сказанное правда. Можем пообщаться на эту тему. Здесь или в PM.
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
of JB Online Casino! v292t
(Charlotebup, 9. 9. 2026 2:45)