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://fullmovie.aladdin-fullmovie.de/celeste/
https://fullmovie.aladdin-fullmovie.de/insidellewyndavis/
https://fullmovie.aladdin-fullmovie.de/asabovesobelow/
https://fullmovie.aladdin-fullmovie.de/landingup/
https://fullmovie.aladdin-fullmovie.de/thehauntingofsharontate/
https://fullmovie.aladdin-fullmovie.de/the-cannibal-club/
https://fullmovie.aladdin-fullmovie.de/queen/
https://fullmovie.aladdin-fullmovie.de/visiri/
https://fullmovie.aladdin-fullmovie.de/crazystupidlove/
https://fullmovie.aladdin-fullmovie.de/lesmiserables/
quem.wommpri.be
(quem.wommpri.be, 19. 5. 2019 1:13)
Excellent site. A lot of useful information here. I am sending it to several buddies ans also sharing in delicious. And of course, thanks to your sweat!
quem.wommpri.be
kilan.wommpri.be
(kilan.wommpri.be, 17. 5. 2019 22:27)
Hi there! Do you use Twitter? I'd like to follow you if that would be okay. I'm definitely enjoying your blog and look forward to new updates.
kilan.wommpri.be
Go2stream Official: Watch All Latest Movies And Tvshows Online
(Zacharyadubs, 16. 5. 2019 20:05)
Go2stream Official: Watch All Latest Movies And Tvshows Online
https://go2streams.com/ - Click here!
inan.memwom.be
(inan.memwom.be, 16. 5. 2019 18:27)
I think that is among the so much vital info for me. And i am happy studying your article. However want to observation on some common issues, The web site taste is ideal, the articles is in point of fact excellent : D. Excellent process, cheers
inan.memwom.be
raco.memwom.be
(raco.memwom.be, 15. 5. 2019 16:12)
I'm really enjoying the theme/design of your website. Do you ever run into any web browser compatibility issues? A number of my blog readers have complained about my website not operating correctly in Explorer but looks great in Chrome. Do you have any tips to help fix this problem?
raco.memwom.be
klef.memwom.be
(klef.memwom.be, 13. 5. 2019 11:32)
My partner and I stumbled over here by a different web address and thought I should check things out. I like what I see so i am just following you. Look forward to finding out about your web page again.
klef.memwom.be
weid.womannn.be
(weid.womannn.be, 12. 5. 2019 5:05)
Hi there it's me, I am also visiting this web page daily, this website is truly good and the visitors are really sharing fastidious thoughts.
weid.womannn.be
pradg.aliols.se
(pradg.aliols.se, 9. 5. 2019 23:25)
Appreciating the dedication you put into your blog and in depth information you present. It's awesome to come across a blog every once in a while that isn't the same outdated rehashed material. Fantastic read! I've saved your site and I'm adding your RSS feeds to my Google account.
pradg.aliols.se
roblox123 Game Roblox, Robux
(Horaceevorm, 9. 5. 2019 10:45)
mua robux Game Roblox, Robux
https://shopbanrobuxuytin.blogspot.com/2019/05/hay-tuong-tuong-bigger-bolder-brolder.html
kia pham Game Roblox, Robux
(Horaceevorm, 8. 5. 2019 19:13)
mua robux Game Roblox, Robux
https://shoprobuxgiareminhmama.blogspot.com/2019/05/tro-choi-tang-toc-mua-xuan-2018-robot.html
stoce.aliols.se
(stoce.aliols.se, 8. 5. 2019 15:24)
An intriguing discussion is definitely worth comment. I do think that you need to write more on this subject matter, it might not be a taboo matter but typically people do not talk about these issues. To the next! Kind regards!!
stoce.aliols.se
I want to fuck real pussy!
(Semjef, 6. 5. 2019 0:43)
I want to fuck real pussy! Hook me up with escorts, prostitutes, whores, hookers and call girls! From time to time we all need something new in our lives and to be more precise, we need a fresh woman (or transsexual?) to take us to higher grounds than our girlfriends or wives. Maybe we just want to impress our co-workers and business partners with a luxury companion at a Las Vegas party or do you want to have a sex vacation in Thailand? I recommend traveling to Bangkok, Phuket, and Pattaya for the girlfriend (or ladyboy) experience or for sex tourism!
https://i.imgur.com/RMsyErd.jpg
aream.agetga.se
(aream.agetga.se, 5. 5. 2019 11:46)
Magnificent items from you, man. I've have in mind your stuff prior to and you're simply too wonderful. I really like what you've bought right here, certainly like what you are saying and the way wherein you say it. You make it enjoyable and you still take care of to stay it smart. I cant wait to read far more from you. This is actually a terrific website.
aream.agetga.se
Нашел необычную тему
(Edgardab, 5. 5. 2019 0:08)
Приветствую всех! прикольный у вас сайт!
Нашел обширную новость: https://zen.yandex.ru/media/onliner/10-oshibok-pri-obscenii-v-socsetiah-s-devushkoi-5ccb0c0bd31aa100b344f450
Hệ tiêu hóa
(Jimmypam, 4. 5. 2019 16:47)
kiapham Game Roblox, Robux
https://www.youtube.com/watch?v=18ja3OSLc04
https://www.youtube.com/watch?v=tsLLYCih1zw
https://www.youtube.com/watch?v=oY1GQeErzcc
https://www.youtube.com/watch?v=vnyblwmLeJQ
https://www.youtube.com/watch?v=lkhpLx8WsIg
atopd.agetga.se
(atopd.agetga.se, 4. 5. 2019 8:37)
Hello! I know this is kinda off topic nevertheless I'd figured I'd ask. Would you be interested in exchanging links or maybe guest authoring a blog post or vice-versa? My website addresses a lot of the same subjects as yours and I think we could greatly benefit from each other. If you might be interested feel free to shoot me an email. I look forward to hearing from you! Excellent blog by the way!
atopd.agetga.se
Hệ tiêu hóa
(Jimmypam, 3. 5. 2019 10:13)
mua robux Game Roblox, Robux
https://www.youtube.com/watch?v=eHC-MMIdbf8
https://www.youtube.com/watch?v=J2Edfm4GZFA
https://www.youtube.com/watch?v=bk1AK1OIYIE
https://www.youtube.com/watch?v=KEzWnmNqj3c
https://www.youtube.com/watch?v=QzUmRPARDcU
atish.acosva.se
(atish.acosva.se, 2. 5. 2019 15:23)
I'm really enjoying the theme/design of your weblog. Do you ever run into any internet browser compatibility problems? A small number of my blog readers have complained about my website not working correctly in Explorer but looks great in Chrome. Do you have any suggestions to help fix this problem?
atish.acosva.se
ainid.acosva.se
(ainid.acosva.se, 1. 5. 2019 12:37)
I think this is one of the most important information for me. And i'm glad reading your article. But wanna remark on few general things, The site style is perfect, the articles is really great : D. Good job, cheers
ainid.acosva.se
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
https://fullmovie.aladdin-fullmovie.de/dirtycomputer/
(Thomasmub, 21. 5. 2019 6:24)