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ářů
https://mixfilesmaker.com/
valea draganului
(DanielTeemn, 21. 8. 2022 4:02)
Inconjurata de poalele mun?ilor Apuseni, Lucca Chalet este o cabana de inchiriat la munte in Valea Draganului, Cluj cu ciubar, foisor, bbq.
cabana
(Richardler, 15. 8. 2022 6:00)
cabana-de-inchiriat.ro este o platforma de listare a cabanelor, gratuita si fara comisioane. Rezervarea este facuta direct cu propietarul, fara intermediari! Cazare la munte, la mare, toata romania.
Yes, you have truly told
(Tommyvange, 14. 8. 2022 23:00)
You are mistaken. I can prove it.
https://videomaturetube.com
https://supermanstamina.info
I think, that you are not right. I am assured. Write to me in PM, we will discuss.
(Tommyvange, 14. 8. 2022 16:42)
I am assured, that you on a false way.
https://zeenite.com/videos/117893/japanese-mother-and-son/
https://thetranny.com/videos/63479/ella-hollywood-and-natalie-mars-feminized/
sign in my milieu porn videos most outstanding
(aucyxob , 14. 8. 2022 12:45)
Free Porn Movies & Intercourse Films
https://hdxxx.us
https://nudecelebs.us.com
gеt nоw #
(PeterBoync, 14. 8. 2022 8:52)
Best onlіnе саsіno
Bіg bоnus аnd Frееsріns
Spоrt bеttіng аnd pоkеr
go now https://tinyurl.com/5n6s3tj4
They Live film retelling
(ThomasBon, 11. 8. 2022 15:23)https://www.youtube.com/watch?v=ivCLSPKAdU4
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
Test, just a test
(RichardIsono, 23. 8. 2022 18:57)