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ářů
My book is free from Thursday, August 4, 2022, 12:00 AM , please download and review if possible. I will be very grateful to you.
Easy Recipes for Kids: 50+ Super Simple and Quick Recipe Book
https://www.amazon.com/dp/B08PSCMND4
폰테크
(Leonardmeend, 1. 8. 2022 0:44)
비대면폰테크 전국폰테크 폰테크신규개통 아이폰신규개통 서울폰테크 인천폰테크 부천폰테크 폰테크매장 구로구폰테크
천안폰테크 대구폰테크 제주폰테크 전남폰테크 경기폰테크 경북폰테크 경남폰테크 광주폰테크 폰테크출장 당일폰테크
대전폰테크 강원폰테크 전북폰테크 충남폰테크 부산폰테크 울산폰테크 충북폰테크 세종폰테크 구리폰테크 아이폰폰테크
춘천폰테크 원주폰테크 강릉폰테크 충주폰테크 제천폰테크 청주폰테크 아산폰테크 서산폰테크 안양폰테크 안산폰테크
전주폰테크 군산폰테크 익산폰테크 목포폰테크 여수폰테크 순천폰테크 포항폰테크 경주폰테크 광명폰테크 시흥폰테크
안동폰테크 구미폰테크 경산폰테크 진주폰테크 통영폰테크 거제폰테크 창원폰테크 수원폰테크 성남폰테크 서귀포폰테크
폰테크
(Leonardmeend, 31. 7. 2022 7:32)
비대면폰테크 전국폰테크 폰테크신규개통 아이폰신규개통 서울폰테크 인천폰테크 부천폰테크 폰테크매장 구로구폰테크
천안폰테크 대구폰테크 제주폰테크 전남폰테크 경기폰테크 경북폰테크 경남폰테크 광주폰테크 폰테크출장 당일폰테크
대전폰테크 강원폰테크 전북폰테크 충남폰테크 부산폰테크 울산폰테크 충북폰테크 세종폰테크 구리폰테크 아이폰폰테크
춘천폰테크 원주폰테크 강릉폰테크 충주폰테크 제천폰테크 청주폰테크 아산폰테크 서산폰테크 안양폰테크 안산폰테크
전주폰테크 군산폰테크 익산폰테크 목포폰테크 여수폰테크 순천폰테크 포항폰테크 경주폰테크 광명폰테크 시흥폰테크
안동폰테크 구미폰테크 경산폰테크 진주폰테크 통영폰테크 거제폰테크 창원폰테크 수원폰테크 성남폰테크 서귀포폰테크
Nice Post
(blowjob taboo porn, 29. 7. 2022 22:15)Really enjoyed this post.Really thank you! Keep writing. makaberzux
conradfirearms
(Phillipsep, 28. 7. 2022 18:50)https://www.ranking-check-online.de/domain/realexpressarmory.com
Google Review
(Vladimir, 27. 7. 2022 10:33)
Hello. There's probably no point in explaining to you how important online reviews are for modern business. We provide a service of posting positive reviews of your business on Google maps, Facebook, trustpilot. We guarantee quality placement and can provide a free test.
You can contact us at customreviewclub@gmail.com
Nice Post
(taboo sex, 26. 7. 2022 1:23)Really enjoyed this post.Really thank you! Keep writing. makaberzux
Thanks giving owing to you for sharing admirable informations.
(Gregoryexake, 25. 7. 2022 19:03)
Good post. I occupied to be checking constantly this blog and I’m impressed!
Pure constructive info specifically the remaining part ?? I withdraw sadness of such gen much. I was looking for this certain info towards a yearn time. Thank you and superlative of luck.
I’ve found https://500px.com/p/westermannvsskincaid?view=groups
It is remarkable, it is rather valuable phrase
(Tommyvange, 20. 7. 2022 7:26)
The good result will turn out
https://lcorp.org
https://inc-diary.com
faint cold monotone 6
(HerbertHoick, 18. 7. 2022 14:41)
Sex workers from the slums hard hit by COVID-19 shutdown effects.
https://replit.com/@specmu1979/Avanafil-Stendra-Amazon
https://replit.com/@specmu1979/Stendra-Erectile-Pills
https://replit.com/@specmu1979/Stendra-Medicine
https://replit.com/@specmu1979/Viagra-Cialis-Stendra-And-Levitra
https://replit.com/@specmu1979/When-To-Take-Stendra
https://replit.com/@specmu1979/Stendra-Free-Samples
https://replit.com/@specmu1979/Price-Of-Stendra-1
https://replit.com/@specmu1979/Stendra-Out-Of-Stock-1
https://replit.com/@specmu1979/Stendra-In-Canada
https://replit.com/@specmu1979/Stendra-Australia
https://replit.com/@specmu1979/Stendra-200-Mg-Tablet
https://replit.com/@specmu1979/Stendra-Fda-Approval-1
https://replit.com/@specmu1979/Stendra-In-Hindi
https://replit.com/@specmu1979/Stendra-Coupon-2022
https://replit.com/@specmu1979/Stendra-Or-Viagra
https://www.geany.org/p/2vdPA/
https://controlc.com/3b4b20e2
https://pasteio.com/xSwiOgd7rAde
https://rextester.com/UOCJC14749
https://pasteio.com/xKqqtmkbcyBm
não funciona
(DonaldInval, 15. 7. 2022 14:30)
muito obrigado
_________________
Slots Maxbet para dinheiro online - https://casino13.site aplicação fonbet no telefone
Here there's nothing to be done.
(Tommyvange, 15. 7. 2022 0:46)
Completely I share your opinion. In it something is also to me it seems it is excellent idea. I agree with you.
https://benidormhotmale.com
https://gayxlivecams.com
You are not right. I suggest it to discuss. Write to me in PM.
(Tommyvange, 15. 7. 2022 0:46)
Bravo, your phrase is useful
https://apts-for-you.com
https://caldwell-web-construction.com
unselfish
(KevinMap, 12. 7. 2022 13:47)
Never go to bed on an argument.
Darkest hour is just before the dawn - The.
Many hands make light work.
Another day, another dollar Link to proverb.
Attack is the best form of defence Link to proverb.
Faith will move mountains Link to proverb.
Fine words butter no parsnips Link to proverb.
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
My book is free!!
(RodneyBof, 3. 8. 2022 3:45)