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ářů
Hi, all the time i used to check webpage posts here in the early hours in the morning, because i love to learn more and more. alvedon brus gravid topo.prizsewoman.com/map2.php
jennys matblogg lax
(jennys matblogg lax, 25. 10. 2021 13:03)
Thank you for the auspicious writeup. It in fact was a amusement account it. Look advanced to far added agreeable from you! By the way, how could we communicate? jennys matblogg lax nieser.sewomabest.com/map15.php
eefgdsfewr465765876iuggdfssda Paying in cryptocurrency is easy with Litecoin VISA
(Alexissuo, 21. 10. 2021 17:12)
https://smashoid.com/paying-in-cryptocurrency-is-easy-with-litecoin-visa-6159 Because of the Litecoin Visa virtual card that syncs with Apple, Google and Samsung Pay out, numerous products and solutions can now be compensated for with Litecoin along with other common cryptocurrencies..... Paying in cryptocurrency is easy with Litecoin VISA
@Cool
fotor free download for windows 10 64 bit
(Louisabilm, 8. 10. 2021 15:33)
skdrlbsdjk37909453
windows 10 home license key crack free downloadgoogle docs free download for pc windows 10video player for pc windows 7 free downloadhypercam 2 download windows xp freedownload gta san andreas pc free windows 10lenovo quick optimizer windows 10 downloadmicrosoft excel download for windows 10 64 bit freemicrosoft office professional plus 2010 trial encountered an error during setup free downloadcard wars adventure time free download pccanoscan lide 90 driver download windows 10
https://bit.ly/3lSNgNg
https://bit.ly/3lWkuLC
https://bit.ly/3CGnS3q
https://bit.ly/3sbfQur
https://bit.ly/2VOPvX5
1gb ram pc games free download
brother p touch software windows 10 download
download windows movie maker 2.1 free
hp download assistant windows 10
new windows free download free
best lawyer in dubai
(RogerRib, 3. 10. 2021 5:45)https://reviewmywebsite.xyz/hi/domain/mydubailawyer.com
Mexican Viagra 93777568
(Georgia, 29. 9. 2021 21:17)
viagra generico masticabile prezzo viagra pill buy online viagra prescription cost
ireland viagra online cialis viagra buy online
vad är mitos och meios
(vad är mitos och meios, 28. 9. 2021 4:06)
Greetings! Very useful advice in this particular post! It is the little changes that make the most significant changes. Thanks a lot for sharing! vad är mitos och meios tracal.teswomango.com/map9.php
301 Moved Permanently
(TommySearl, 24. 9. 2021 6:04)301 Moved Permanently https://www.hostingcouponspot.com/virmach-coupons - Click here>>>
Inexpensive but high qualitymassage happy ending in NY
(CraigAdutt, 23. 9. 2021 8:35)
https://body-rub.manhattan-massage.com/ - body rub queens
Wish you feel memorable emotions ? Tired of work ? How about to have a rest and massage ? We invite you to visit massage salon in West Village.
Where can be ordered Thai massage in salons Midwood.
Massage periosteal performed masseurs
, their possibly meet by coming to our club . Girls are attractive slim figures and appearance . You always have the opportunity experience for yourself aesthetic satisfaction, just looking at them.
Our salon works around the clock .
Running massage Thai without intimate actions , what make it safe. Spa in Clinton Hill comply with rules hygiene , use disposable personal items .In the cabin vibration massage you acquire not so much massage but also opportunity relax to body and to soul.
Also our staff store your personal privacy: on the matter what way in particular you prefer to spend free time, not will know no person.
Massage in spa Windsor Terrace possibly attend people from 21 years. By calling to the salon by phone, you can sign up for necessary day and time . Spa Salon with great pleasure will welcome you.
How To Get More Credits On IMVU 2021
(belleKic, 22. 9. 2021 7:39)
https://online.fliphtml5.com/dkyyq/owev/#p=1
android ios
imvu hack 2022,/imvu free credits/ imvu credits free / 2022/ 2021
imvu hack 2022,/imvu free credits/ imvu credits free / 2022/ 2021
XXX Porn Tube
(Robertzex, 20. 9. 2021 18:41)
XXX Home Free XXX Porn
XXX Free Porn Tube
XXX Japan Porn Free Japan Porn
XXX Japanese Porn Tube Japan Porn
XXXhome Porn Tube Video
XXXChina Porn Tube
XXX Japanese Porn Tube Japan Porn
Japan Porn Video XXX Japan Porn Tube
https://zh.xxxwww1.com/164
https://zh.xxxwww1.com/251
https://zh.xxxwww1.com/150
https://zh.xxxwww1.com/198
https://cn.xxxcomvideo.com/155
https://zh.xxxwww1.com/162
lolita girls cp pthc
(Norrmanvit, 20. 9. 2021 13:58)
lolita girls cp pthc
https://m2.tc/P91p
Closet Organization
(LeslieCrill, 11. 9. 2021 20:01)
The exchange has never been hacked
Trading for 4 years
Wide trading opportunities
Convenient system for depositing and withdrawing funds
Large list of cryptocurrencies
https://exmo.com/?ref=433652
Storage Furniture
(Kennethchife, 10. 9. 2021 8:32)
Стань королем настоящего средневекового королевства!
Захватывающая RPG игра и симулятор замка
https://fas.st/tdhru
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
alvedon brus gravid
(alvedon brus gravid, 26. 10. 2021 23:16)