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://citycredits.com.ua/topcredit/ - онлайн займы 2019
hogt ferritin gravid
(hogt ferritin gravid, 30. 3. 2019 7:35)
Very good post! We are linking to this particularly great content on our site. Keep up the great writing.
hogt ferritin gravid terhuss.se/ways-to-lose-weight/hoegt-ferritin-gravid.php
moedervlek 2 kleuren
(moedervlek 2 kleuren, 16. 3. 2019 12:58)
Hey very nice blog!
moedervlek 2 kleuren lessred.se/dermatology/moedervlek-2-kleuren.php
evenrex.com
(fast#profit, 11. 3. 2019 11:27)
More than 6,500 customers in just two months of work!
Hello. A personal broker today is not just a fashionable expression, but a necessity that improves the quality of life, protects your rights and interests of the parties - from the client to the trader. And after two months we can tell you that in these two months:
• The capitalization of our company amounted to more than 596 500 dollars;
• The number of contracts has passed the mark of 6,500;
• And our users have already withdrawn more than 48,500 dollars from their balance sheets.
Do you need our platform?
Crypt services: up to 1361 annual growth, professional analytics, instant news, insights from market giants and structured products.
https://evenrex.com/
Sincerely, EvenRex Ltd.
stiftelsen bracke diakoni
(stiftelsen bracke diakoni, 24. 2. 2019 4:11)
Thanks very interesting blog!
stiftelsen bracke diakoni titema.se/healthy-legs/stiftelsen-braecke-diakoni.php
RichardRhync
(RichardRhync, 19. 2. 2019 10:00)In order to know several principles regarding hobbies and interests, you have come to the best place. The subsequent write-up gives you info on numerous pastimes. Possibly, you'll get some good brand-new know-how about any most likely fantastic activity. https://howtotrainyourdragonhiddenworld.org/ - https://howtotrainyourdragonhiddenworld.org/
watch dogs 2 на слабом пк
(Anthonyhal, 2. 2. 2019 12:55)
поставьте лайк пожалуйста!
https://www.youtube.com/watch?v=V1YsJxSjA2E - watch dogs 2 на слабом пк
XEvil 4.0 solving more than 8400 type of CAPTCHAs
(Shaylabeeld, 29. 1. 2019 12:18)
Absolutně nová aktualizace balíčku SEO / SMM "XRumer 16.0 + XEvil 4.0":
captcha řešení Google, Facebook, Bing, Hotmail, SolveMedia, Yandex,
a více než 8400 dalších kategorií captcha,
s nejvyšší přesností (80 až 100%) a nejvyšší rychlostí (100 img za sekundu).
Můžete připojit XEvil 4.0 k nejoblíbenějšímu softwaru SEO / SMM: XRumer, GSA SER, ZennoPoster, Srapebox, Senuke a více než 100 dalších softwarů.
Zájem? Existuje spousta nepřehledných videí o XEvile na YouTube.
Hodně štěstí!
XEvil 4.0 can break BitFinex Captcha
(Shaylabeeld, 26. 1. 2019 15:37)
Absolutně nová aktualizace balíčku SEO / SMM "XRumer 16.0 + XEvil 4.0":
captcha řešení Google, Facebook, Bing, Hotmail, SolveMedia, Yandex,
a více než 8400 dalších kategorií captcha,
s nejvyšší přesností (80 až 100%) a nejvyšší rychlostí (100 img za sekundu).
Můžete připojit XEvil 4.0 k nejoblíbenějšímu softwaru SEO / SMM: XRumer, GSA SER, ZennoPoster, Srapebox, Senuke a více než 100 dalších softwarů.
Zájem? Existuje spousta nepřehledných videí o XEvile na YouTube.
Hodně štěstí!
#52 best buy for Rhinocort from india
(upseds, 29. 12. 2018 23:21)
#52 Buy Rhinocort Allergy Nasal Spray, 24 Hour Relief, 120 Spray , with discount - 80%
#52 https://bit.ly/2T4viG6
fapmydick
(NickP_Ged, 20. 12. 2018 11:14)
We are in the midst of a higher condensing of empathy that will give us access to the galaxy itself. We are at a crossroads of being and illusion. Who are we? Where on the great story will we be re-energized?
https://fapmydick.com/videos/24740/youngster-visits-hi-best-friends-mother-while-her-husband-is-abroad/
correct term for penis
(nseo-sw.men, 22. 10. 2018 5:22)
Magnificent beat ! I wish to apprentice while you amend your website, how could i subscribe for a blog website? The account aided me a acceptable deal. I had been tiny bit acquainted of this your broadcast provided bright clear concept
correct term for penis nseo-sw.men/sport-for-health/31765-correct-term-for-penis.html
New package XRumer 16.0 + XEvil solve BitFinex Captcha
(Shaylabeeld, 26. 9. 2018 22:07)
Absolutně nová aktualizace balíčku SEO / SMM "XRumer 16.0 + XEvil 4.0":
captcha řešení Google, Facebook, Bing, Hotmail, SolveMedia, Yandex,
a více než 8400 dalších kategorií captcha,
s nejvyšší přesností (80 až 100%) a nejvyšší rychlostí (100 img za sekundu).
Můžete připojit XEvil 4.0 k nejoblíbenějšímu softwaru SEO / SMM: XRumer, GSA SER, ZennoPoster, Srapebox, Senuke a více než 100 dalších softwarů.
Zájem? Existuje spousta nepřehledných videí o XEvile na YouTube.
Hodně štěstí!
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
онлайн займы 2019
(Olegskito, 30. 3. 2019 22:40)