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ářů
Jogo A dinheiro multiplayer que permite ganhar dinheiro apostando em um grafico. Altos indices e pagamentos. Bonus do codigo promocional 2022.
jogar no Casino 1 win Yu
You are right, in it something is. I thank for the information, can, I too can help you something?
(DwainBow, 9. 11. 2022 20:09)
In my opinion you commit an error. Let's discuss. Write to me in PM.
https://ttsteroids.info
https://volgaru.info
round principle
(MichaelPuH, 9. 11. 2022 18:43)https://coursegate.co.uk/activity/p/1898496/ Bitstarz promo code ücretsiz döndürme They are a reward for just registering an account to a Bitcoin gambling site.That’s the fastest you are going to get from any online casino!Are Bitcoin Casinos Regulated? https://rzzrradio.live/activity/p/18321/ Club player casino sign up bonus We’ve come to expect instant transactions from crypto betting sites, but we don’t always get them, especially from hybrid sites.And if you and your referrals play enough, you can even unlock rewards like the latest electronic gadgets, hardware bitcoin wallets and gift certificates. https://skills-training.co.za/activity/p/1657/ Does pa have convience store slot machines
bingo!
(Marthadig, 5. 11. 2022 16:46)
https://www.newsplana.com/author/irishman888/
https://www.wefifo.com/user/profile/851921917453621
https://tipspoke.com/profile/john-251094
https://graphcommons.com/gamer777
https://completed.com/individual/30544191/john-barne
loli girl
(AdrewDrinS, 3. 11. 2022 16:12)
Lolita Girls Fuck Collection
loli girl foto video cp pthc
yx.si/n5v
s.yjm.pl/BbtC
tw.uy/tw11l
rating runeta 2021
(RobertPhava, 2. 11. 2022 12:48)
Welcome! Rating runeta 2021
https://rating-runeta2021.ru
Rather good idea
(DwainBow, 31. 10. 2022 0:33)
It absolutely agree with the previous phrase
https://patriciafarinelli.com
https://webtubegay.com
Free calendar
(ToriPeshy, 30. 10. 2022 14:11)
Thanks for some other informative website. The place else could I am getting that kind of information written in such a perfect means? I have a project that I'm just now working on, and I have been on the glance out for such information.
If you have any ideas or tips for my new blog https://indigorosee.com/2021/01/24/how-to-prepare-for-a-successful-semester/ - printable calendars please share!
lucky jet
(DavidLup, 28. 10. 2022 20:19)
Slot Lucky jet money game has gained popularity in the field of online casino. The main reason is the simplicity of betting game strategy. Beginners have access to a demo lucky jet, in which they can use luckyjet winning trick. Also, any user has the opportunity apk download for free. The promo code for mobile version gives an additional bonus during the game
Dated small printable calendar
(NilSeF, 28. 10. 2022 16:44)
A calendar can be a advantageous gimmick for the purpose keeping track of the time. Anecdote can use calendars to pay attention to wake trace of important dates and events in only’s life.
When printed, calendars are undemanding to disseminate around. They can be euphemistic pre-owned as a handy look back of upcoming events, such as birthdays, graduations, weddings, or holidays. This can better a личность system forwards and elude making last-minute plans.
Simple https://t.me/s/printable_calendar - blank printable calendar is a outgoing and mild to profit aid in order to maintain track of your events. It is a brilliant adding up to your organization. The printable appointment book has the adjustableness to set all the events that are consequential to you in in unison place. Make your close schedule online with the help of the printable calendar.
authenticate my plot porn videos most adroitly
(ShwikxiVal, 28. 10. 2022 13:05)
https://freedudeporn.xyz
https://mynewbestporndude.xyz
https://checkmylovesite.xyz
https://downporn1.xyz
https://bestfreepornhubs.xyz
sign in my plot porn videos most adroitly
(ShwikxiVal, 27. 10. 2022 20:58)
https://cherlingoporn.xyz
Lolita Girls
(OrlanRap, 27. 10. 2022 16:34)
Lolita Girls Fuck Collection
loli girl foto video cp pthc
yx.si/n5v
Affex
(Anxetin, 24. 10. 2022 7:26)
There's certainly a lot to know about this subject. I really like all of the points you've made.
Printable calendars
(ToriPeshy, 23. 10. 2022 9:38)
Hi, i believe that i noticed you visited my site so i got here to return the choose?.I'm trying to find things to enhance my site!I suppose its good enough to use some of your concepts!!
If you have any suggestions or techniques for my new blog https://indigorosee.com/2021/01/24/how-to-prepare-for-a-successful-semester/ - printable monthly calendars please share!
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
lucky jet
(JeremyPanna, 10. 11. 2022 12:36)