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ářů
cabana-de-inchiriat.ro este o platforma de listare a cabanelor, gratuita si fara comisioane. Rezervarea este facuta direct cu propietarul, fara intermediari! Cazare la munte, la mare, toata romania.
Yes, you have truly told
(Tommyvange, 14. 8. 2022 23:00)
You are mistaken. I can prove it.
https://videomaturetube.com
https://supermanstamina.info
I think, that you are not right. I am assured. Write to me in PM, we will discuss.
(Tommyvange, 14. 8. 2022 16:42)
I am assured, that you on a false way.
https://zeenite.com/videos/117893/japanese-mother-and-son/
https://thetranny.com/videos/63479/ella-hollywood-and-natalie-mars-feminized/
sign in my milieu porn videos most outstanding
(aucyxob , 14. 8. 2022 12:45)
Free Porn Movies & Intercourse Films
https://hdxxx.us
https://nudecelebs.us.com
gеt nоw #
(PeterBoync, 14. 8. 2022 8:52)
Best onlіnе саsіno
Bіg bоnus аnd Frееsріns
Spоrt bеttіng аnd pоkеr
go now https://tinyurl.com/5n6s3tj4
They Live film retelling
(ThomasBon, 11. 8. 2022 15:23)https://www.youtube.com/watch?v=ivCLSPKAdU4
Hi! I need your advice!
(Viola, 11. 8. 2022 6:39)The day before yesterday I received a message that I need to collect my winnings. But I lost the email with the data to access the site. How do I restore access? >>> https://bit.ly/3zP4jVE
News
(Richardler, 10. 8. 2022 18:38)
Alle tagesaktuellen News und Nachrichten aus der Schweiz.
bitcoin
(DavidLup, 10. 8. 2022 9:46)https://toto-site.com/bbs/board.php?bo_table=free&wr_id=13936
Nice Post
(amateur incest porn, 7. 8. 2022 16:26)Really enjoyed this post.Really thank you! Keep writing. makaberzux
수입 + 투자 포함 + 출금 포함
(DanielTeemn, 6. 8. 2022 17:22)https://smartmobility.sjtp.or.kr/inc/bbs/board.php?bo_table=free&wr_id=17935
How Binary Options Work
(Brucedib, 5. 8. 2022 22:06)Binary options let traders profit from bonus fluctuations in multiple global markets, but it's foremost to covenant the risks and rewards of these controversial and often-misunderstood monetary instruments. Binary options survive little congruity to accustomed options, featuring discrete payouts, fees, and risks, as showily as a unrivalled liquidity edifice and investment process https://corretoras-opcoes-binarias.com/
My book is free!!
(RodneyBof, 3. 8. 2022 3:45)
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
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
cabana
(Richardler, 15. 8. 2022 6:00)