Html 0.4

20. 11. 2011

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ářů

AviatorXGame — The Ultimate Place for the Popular Aviator Game

(YaZex, 18. 12. 2025 1:11)

AVIATORXGAME.com — Enjoy the Thrilling Aviator Crash Game

Greetings! Got something to share about an awesome platform for crash game enthusiasts out there.

AviatorXGame.com is a premier destination for playing the viral Aviator crash game. Haven't tried it before? This game is a adrenaline-pumping betting game where you place a bet and watch the odds grow as the jet climbs higher. The concept is straightforward: withdraw before the plane disappears. The longer you stay in the game, the higher your potential winnings — but hesitate and you lose everything.

Why AviatorXGame stands out:

- Modern and easy-to-use UI designed specifically for online gaming
- Ultra-smooth gameplay guaranteed
- Free play mode available — test your strategy risk-free
- Works on all devices — play wherever you are
- Instant payouts
- Non-stop gaming with reliable uptime

Best suited for:

- Newbies who want to discover the thrill of multiplier games
- Seasoned players looking for a solid Aviator platform
- Anyone who enjoys high-stakes entertainment

Game mechanics:

Place your bet, watch the multiplier rise, and hit the collect button at the right moment. Sounds easy? The real adrenaline is managing your emotions when the multiplier keeps climbing. That's where the fun begins.

See for yourself: https://AviatorxGame.com/

Other language versions:
- KO version: https://aviatorxgame.com/ko/
- Japanese localization: https://aviatorxgame.com/ja/

Would love to hear your thoughts! Happy flying!

Online:	2
Celkem:	264820
Měsíc:	5468
Den:	201

Menu

grafika

Html 0.4

Struktura kódu stránky (2)

Jednotlivé části HTML stránky

DOCTYPE

Vlastní (X)HTML

Hlavička - head

Tělo stránky - body

Komentáře

Přehled komentářů

AviatorXGame — The Ultimate Place for the Popular Aviator Game

online casino $5 minimum deposit y574ej

Кофе Брейках

Code Promo 1xbet 2026

Im happy I now registered

Официальный сайт казино Azino 777

Adding my quick impression

mg3.world

Frostline Slots Arena

Unlосk 60 Frее Sріns & a Саsh Воnus up to 2200ЕURО

Unlосk 165 Frее Sріns & a Саsh Воnus up to 1650€

Orb11ta.help

loveshop.world

Срочно открыть сейф/дверь в СПб

1xBet Промокод 2026 — Фрибет и Бонус до 32 500 RUB

Продвижение Сайта Это

Супер качественный прогон крайним Хрумером 23

Раскрутка Сайта Seo

Срочное вскрытие замков СПб

Unlосk 120 Frее Sріns & a Саsh Воnus up to 750Dоl

Oblíbené odkazy

Archiv

RSS

Statistiky