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ářů
Hello there, I believe your website may be having web browser compatibility problems. When I take a look at your website in Safari, it looks fine however, if opening in Internet Explorer, it's got some overlapping issues. I simply wanted to give you a quick heads up! Besides that, fantastic blog!
afermo.aclenig.se
zakon zakon zakon zakon zakon zakon 10161
(GalinaHooge, 29. 4. 2019 17:08)zakon zakon zakon zakon zakon zakon 10161: https://texnoera.com/vash-telefon-byl-zablokirovan-mvd
ess.telre.se
(ess.telre.se, 27. 4. 2019 19:17)
An impressive share! I have just forwarded this onto a co-worker who has been conducting a little homework on this. And he in fact ordered me lunch because I discovered it for him... lol. So allow me to reword this.... Thanks for the meal!! But yeah, thanks for spending some time to talk about this issue here on your blog.
ess.telre.se
cont.tatef.se
(cont.tatef.se, 26. 4. 2019 7:18)
I think this is among the most important info for me. And i'm glad reading your article. But wanna remark on some general things, The website style is ideal, the articles is really great : D. Good job, cheers
cont.tatef.se
evul.tatef.se
(evul.tatef.se, 25. 4. 2019 2:32)
I was recommended this web site by my cousin. I am no longer sure whether or not this submit is written via him as nobody else understand such specified approximately my trouble. You're wonderful! Thanks!
evul.tatef.se
esad.tatef.se
(esad.tatef.se, 24. 4. 2019 1:07)
Howdy just wanted to give you a brief heads up and let you know a few of the images aren't loading properly. I'm not sure why but I think its a linking issue. I've tried it in two different browsers and both show the same outcome.
esad.tatef.se
vili.bestwomepri.se
(vili.bestwomepri.se, 22. 4. 2019 12:49)
You actually make it seem so easy with your presentation but I find this matter to be really something which I think I would never understand. It seems too complicated and extremely broad for me. I'm looking forward for your next post, I'll try to get the hang of it!
vili.bestwomepri.se
mabli.lewome.se
(mabli.lewome.se, 21. 4. 2019 2:58)
After looking into a handful of the blog articles on your web page, I really appreciate your technique of blogging. I book marked it to my bookmark webpage list and will be checking back soon. Please visit my web site as well and tell me what you think.
mabli.lewome.se
Kia Pham - Youtuber
(KiaPhamunavy, 20. 4. 2019 20:38)
Kia Pham - Youtuber
https://kiapham.com/kia-pham-youtuber.html
robux porn 18+ https://robux.vn
(Robuxvnunavy, 19. 4. 2019 20:07)
mua robux sex videos
https://robux.vn
https://robux.vn/?sex
https://robux.vn/?porn
https://robux.vn/?sex-videos
https://robux.vn/?porn-videos
https://robux.vn/sex-porn-videos
grou.ilmali.se
(grou.ilmali.se, 19. 4. 2019 15:08)
I'd like to thank you for the efforts you've put in writing this site. I'm hoping to view the same high-grade blog posts by you in the future as well. In fact, your creative writing abilities has inspired me to get my own, personal blog now ;)
grou.ilmali.se
nap robux sex 18+ https://robux.vn
(Robuxvnunavy, 19. 4. 2019 12:30)
nạp robux porn
https://robux.vn
https://robux.vn/?sex
https://robux.vn/?porn
https://robux.vn/?sex-videos
https://robux.vn/?porn-videos
https://robux.vn/sex-porn-videos
Купить мебельный щит из сосны в Магнитогорске
(Josephfus, 19. 4. 2019 6:01)Купить мебельный щит из сосны в Магнитогорске https://www.ekolestnica.ru/mebelnyj-shhit-maxachkala.html
Test, just a test
(Kellylop, 11. 4. 2019 17:00)
Mua Robux uy tín tại
https://roblox123.com
mark och pool
(mark och pool, 9. 4. 2019 10:27)
I have read so many articles on the topic of the blogger lovers but this post is truly a pleasant article, keep it up.
mark och pool neutin.se/healthy-legs/mark-och-pool.php
nedsatt sexlust man
(nedsatt sexlust man, 7. 4. 2019 0:53)
Pretty nice post. I just stumbled upon your blog and wished to say that I have truly enjoyed surfing around your blog posts. After all I will be subscribing to your rss feed and I hope you write again very soon!
nedsatt sexlust man troptia.se/hair-care/nedsatt-sexlust-man.php
stevia istallet for socker
(stevia istallet for socker, 3. 4. 2019 6:10)
It's impressive that you are getting ideas from this paragraph as well as from our dialogue made at this place.
stevia istallet for socker baokep.se/face-lotion/stevia-istaellet-foer-socker.php
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 | 100
afermo.aclenig.se
(afermo.aclenig.se, 30. 4. 2019 1:41)