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ářů
Wow, wonderful blog structure! How lengthy have you been running a blog for? you made running a blog glance easy. The entire look of your web site is wonderful, as neatly as the content!
hård knöl i armhålan protpo.teswomango.com/map5.php
Marketplace
(MiltonCox, 6. 8. 2021 21:44)
This is a unique place for fashionable women's clothing and accessories.
We offer our clients women's clothing, jewelry, cosmetics and health products, shoes, bags and much more.
https://fas.st/Ujfha
Best assignment ghostwriter website for university
(BuyEssayOnline, 6. 8. 2021 21:27)
Best assignment ghostwriter website for university .
Order NOW!!! https://disqus.com/by/creditankle2/
UYhjhgTDkJHVy
lchf bröd fiberhusk keso
(lchf bröd fiberhusk keso, 6. 8. 2021 16:17)
Hmm it seems like your site ate my first comment (it was super long) so I guess I'll just sum it up what I submitted and say, I'm thoroughly enjoying your blog. I too am an aspiring blog blogger but I'm still new to everything. Do you have any tips for beginner blog writers? I'd genuinely appreciate it. lchf bröd fiberhusk keso amfai.sewomabest.com/map10.php
Firmware Samsung Galaxy
(Garrysof, 6. 8. 2021 9:57)
ObjedfaitlygaibiaU5d34dfgW
3, SM-J260M, J260MUBSDAUG2, COM, Oreo(Android 8.1.0), 808.64 MB, Download. 4, SM-J260M, J260MUBSDAUG4, ZTA, Oreo(Android 8.1.0), 814.68 MBВ ...
Understanding Class 1 Division 2 HVAC - getExplosionProof
Galaxy J2 Core; SM-J260M В· COM (Colombia); AP/PDA: J260MUBSDAUG2; CSC: J260MCOMDATJ1; 8.1.0; 2021/7/16; дё‹иЅЅ. Galaxy A22 5G; SM-A226B В· XEZВ ...
This Firmware flash for Samsung Galaxy J2 Core with the Phone Model Number SM-J260M for region Puerto Rico with CSC code PCT.
Understanding Class 1 Division 2 HVAC - getExplosionProof
Samsung Galaxy J2 Core Android smartphone. Announced Aug 2018. Features 5.0″ PLS TFT display, Exynos 7570 Quad chipset, 2600 mAh battery, 16 GB storage, 1000 MB RAM, Corning Gorilla Glass (unspecified version).
Aug 2, 2016 ... J260MUBSDAUG2 8.1.0 4File – Easy Firmware Update. Last Post By Easy Firmware Yesterday 10:22 PM. 0В … Samsung Galaxy J2 Core ...
SM-J260M | PDA/MODEM: J260MUBSDAUG2
All in one function dial guarantees ease-of-use, Full control with 3 manual, 1 smart auto puff & 1 smart auto time and heat functions. ALFA Vaporizer
Best Dressed Celebrities at the 2015 Oscars - David Rounick's ...
Samsung Galaxy J2 Core (SM-J260M) - Galaxy Firmware
Jul 16, 2021 ... Samsung Firmware Download, Model: SM-J260M, PDA/AP Version: J260MUBSDAUG2, CSC Version: J260MCOMDATJ1, Region: COM.
Model : SM-J260M - Galaxy J2 Core —
Samsung firmwares. Jul 16, 2021 … Samsung Firmware Download, Model: SM- J260M, PDA/AP Version: J260MUBSDAUG2, CSC Version: J260MCOMDATJ1, ...
Understanding Class 1 Division 2 HVAC - getExplosionProof
Щ†ШЇЩ€Ш© Щ„Ш§ШЄШШ§ШЇ Ш§Щ„ШЈЩѓШ§ШЇЩЉЩ…ЩЉЩЉЩ† Ш§Щ„ЩЃЩ„ШіШ·ЩЉЩ†ЩЉЩЉЩ† ШЄЩ†Ш§Щ‚Шґ ШЄШ·ШЁЩЉЩ‚Ш§ШЄ Ш§Щ„ШҐШ№Щ„Ш§Щ… Ш§Щ„Ш¬ШЇЩЉШЇ ...
Щ†ШЇЩ€Ш© Щ„Ш§ШЄШШ§ШЇ Ш§Щ„ШЈЩѓШ§ШЇЩЉЩ…ЩЉЩЉЩ† Ш§Щ„ЩЃЩ„ШіШ·ЩЉЩ†ЩЉЩЉЩ† ШЄЩ†Ш§Щ‚Шґ ШЄШ·ШЁЩЉЩ‚Ш§ШЄ Ш§Щ„ШҐШ№Щ„Ш§Щ… Ш§Щ„Ш¬ШЇЩЉШЇ ЩЃЩЉ Ш§Щ„ШЄШ№Щ„ЩЉЩ… Ш§Щ„ШҐЩ„ЩѓШЄШ±Щ€Щ†ЩЉ - Ш§ШЄШШ§ШЇ Ш§Щ„ШЈЩѓШ§ШЇЩЉЩ…ЩЉЩЉЩ† Ш§Щ„ЩЃЩ„ШіШ·ЩЉЩ†ЩЉЩЉЩ†
Buy the ALFA Vaporizer by Goboof - alfagoboof.com
Aug 2, 2016 … J260MUBSDAUG2 8.1.0 4File – Easy Firmware Update. Last Post By Easy Firmware Yesterday 10:22 PM. 0Р' … Samsung Galaxy J2 CoreВ  ...
Dec 19, 2020 ... J260MUBSDAUG2 8.1.0 4File – Easy Firmware Update. Last Post By Easy Firmware Yesterday 10:22 PM. 0В … Samsung Galaxy J2 Core ...
Щ†ШёЩ… Щ…ЩѓШЄШЁ Ш§Щ„ШҐШ№Щ„Ш§Щ… ЩЃЩЉ Ш§ШЄШШ§ШЇ Ш§Щ„ШЈЩѓШ§ШЇЩЉЩ…ЩЉЩЉЩ† Ш§Щ„ЩЃЩ„ШіШ·ЩЉЩ†ЩЉЩЉЩ† Щ†ШЇЩ€Ш© ШҐЩ„ЩѓШЄШ±Щ€Щ†ЩЉШ© Ш№ШЁШ± Щ…Щ†ШµШ© ШІЩ€Щ€Щ… ШЁШ№Щ†Щ€Ш§Щ†: "ШЄШ·ШЁЩЉЩ‚Ш§ШЄ Ш§Щ„ШҐШ№Щ„Ш§Щ… Ш§Щ„Ш¬ШЇЩЉШЇ ЩЃЩЉ Ш§Щ„ШЄШ№Щ„ЩЉЩ… Ш§Щ„ШҐЩ„ЩѓШЄШ±Щ€Щ†ЩЉ"ШЊ Щ€ШґШ§Ш±Щѓ ЩЃЩЉ Ш§Щ„Щ†ШЇЩ€Ш© ЩѓЩ„ Щ…Щ†:
https://mobik.top/samsung/pda/J260MUBSDAUG2
J260MUBSDAUG2, COM, Oreo(Android 8.1.0), 808.64 MB, 2021-07-30 11:47:07 , Download. J260MUBSDAUG4, ZTA, Oreo(Android 8.1.0), 814.68 MBВ ...
J260MUBSDAUG2. +. J260MCOMDATJ1. <>Android Oreo ]. 2021-07-16. # 15008757. Download В· PGU. J260MUBSDAUG3. +. J260MPGUDATK1. <>Android Oreo ].
Galaxy Firmware - Samsung Galaxy J2 Core (SM-J260M)
HIPERWALL Video Wall Systems – PRIMALCOM
Buy the ALFA Vaporizer by Goboof - alfagoboof.com
Class 1 Division 2 identifies a hazardous location which flammable liquids, gases or vapors are: 1. Generally confined within closed containers or closed systems, but escape in case of accident or abnormal operating of equipment. 2. Prevented by positive mechanical ventilation. 3. Adjacent to a division 1 location.
Samsung Galaxy J2 Core (SM-J260M) - Galaxy Firmware
Galaxy Firmware - Samsung Galaxy J2 Core (SM-J260M)
查看固件更新的ROM固件- дё‰жџROMдё‹иЅЅ
Jul 16, 2021 … Samsung Firmware Download, Model: SM- J260M, PDA/AP Version: J260MUBSDAUG2, CSC Version: J260MCOMDATJ1,В …
Щ†ШЇЩ€Ш© Щ„Ш§ШЄШШ§ШЇ Ш§Щ„ШЈЩѓШ§ШЇЩЉЩ…ЩЉЩЉЩ† Ш§Щ„ЩЃЩ„ШіШ·ЩЉЩ†ЩЉЩЉЩ† ШЄЩ†Ш§Щ‚Шґ ШЄШ·ШЁЩЉЩ‚Ш§ШЄ Ш§Щ„ШҐШ№Щ„Ш§Щ… Ш§Щ„Ш¬ШЇЩЉШЇ ЩЃЩЉ Ш§Щ„ШЄШ№Щ„ЩЉЩ… Ш§Щ„ШҐЩ„ЩѓШЄШ±Щ€Щ†ЩЉ - Ш§ШЄШШ§ШЇ Ш§Щ„ШЈЩѓШ§ШЇЩЉЩ…ЩЉЩЉЩ† Ш§Щ„ЩЃЩ„ШіШ·ЩЉЩ†ЩЉЩЉЩ†
astoksshonaU5d34dfgW
je suis toutes les femmes
(je suis toutes les femmes, 6. 8. 2021 7:22)
naturally like your website but you need to check the spelling on quite a few of your posts. Several of them are rife with spelling issues and I find it very troublesome to inform the truth however I'll surely come back again. je suis toutes les femmes checa.teswomango.com/map3.php
hur känns urinvägsinfektion gravid
(hur känns urinvägsinfektion gravid, 5. 8. 2021 23:23)
I want to to thank you for this excellent read!! I definitely enjoyed every little bit of it. I have you book marked to look at new things you post… hur känns urinvägsinfektion gravid deusio.prizsewoman.com/map14.php
How to write a description about yourself
(BuyEssayOnline, 5. 8. 2021 13:33)
How to write a description about yourself .
Proceed to Order!!! https://mus-album.org/user/thartamvxm
UYhjhgTDkJHVy
craft weather jacket
(craft weather jacket, 5. 8. 2021 12:57)
For newest news you have to pay a quick visit world wide web and on the web I found this site as a most excellent website for most recent updates. craft weather jacket nighl.sewomabest.com/map16.php
cs go global
(cs go global, 5. 8. 2021 4:40)
hi!,I really like your writing so so much! proportion we keep up a correspondence extra approximately your article on AOL? I need an expert on this space to solve my problem. Maybe that's you! Taking a look forward to peer you. cs go global greens.sewomabest.com/map16.php
Good thesis statements list
(BuyEssayOnline, 4. 8. 2021 20:41)
Good thesis statements list .
Proceed to Order!!! https://gravesensommer804.shutterfly.com/21
UYhjhgTDkJHVy
svullen fotknöl utsidan
(svullen fotknöl utsidan, 4. 8. 2021 20:33)
Hi! Quick question that's entirely off topic. Do you know how to make your site mobile friendly? My blog looks weird when browsing from my iphone 4. I'm trying to find a theme or plugin that might be able to correct this issue. If you have any recommendations, please share. Appreciate it! svullen fotknöl utsidan hogurg.prizsewoman.com/map15.php
Sample descriptive essay on food
(BuyEssayOnline, 3. 8. 2021 11:06)
Sample descriptive essay on food .
Order NOW!!! https://v.gd/IRx7l7
UYhjhgTDkJHVy
katt skadad tass
(katt skadad tass, 3. 8. 2021 10:25)
Quality articles or reviews is the key to be a focus for the users to visit the site, that's what this web site is providing. katt skadad tass asan.prizsewoman.com/map4.php
telge nät strömavbrott
(telge nät strömavbrott, 3. 8. 2021 4:32)
I enjoy what you guys are up too. This kind of clever work and coverage! Keep up the superb works guys I've included you guys to our blogroll. telge nät strömavbrott isil.teswomango.com/map21.php
5 tippar v75
(5 tippar v75, 2. 8. 2021 23:09)
Hi, I want to subscribe for this web site to take latest updates, so where can i do it please help. 5 tippar v75 tisi.teswomango.com/map20.php
Summer school high school
(BuyEssayOnline, 2. 8. 2021 19:05)
Summer school high school .
Proceed to Order!!! https://maps.google.gg/url?q=https://edubirdie.review
UYhjhgTDkJHVy
Quality products and drugs only here https://bit.ly/3oZOKnO
(Fup, 1. 8. 2021 4:46)
Follow the link and choose the products for your health
https://bit.ly/3rLBBis
Library homework helper
(BuyEssayOnline, 31. 7. 2021 19:14)
Library homework helper .
Proceed to Order!!! https://cse.google.si/url?q=https://buyessayusa.com
UYhjhgTDkJHVy
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
hård knöl i armhålan
(hård knöl i armhålan, 7. 8. 2021 3:24)