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ářů
магазины велосипедов
Recurring Commission System is HERE … Lock in your early bird discount!
(Christian, 30. 3. 2023 14:35)
Hey!
And it’s LIVE!
Recurring Commission System has officially opened to the public!
Recurring Commission System is the 1st and ONLY software solution that makes it easy for ANYONE to bank multiple income streams and build their list at the same time!
This cloud based app provides you with your very own stunning site that includes a professional video & details showing visitors what they need to know about essential web tools ...
With links that get you paid recurring commissions from up to 18 different services.
It also directs visitors to optin for a free training webinar … where you make $1000 from EVERY purchase.
Just grab THIS to take home the BIG paydays!
>>> https://bit.ly/rcommearly
Everything you need is included:
► DFY, PROFESSIONAL website optimized for recurring, passive AND high ticket commissions
► MULTIPLE income streams: you’re pre-approved to profit from the 18 recurring services AND high-ticket offer built into your site
► Free viral traffic & hosting included = ZERO overhead costs
► Set & forget method: customize your site ONCE, then it runs on 100% autopilot
► Completely beginner friendly: no tech skills needed, nothing to install, step-by-step instructions included
► Easy to scale: Recurring Commission System INCLUDES the core software so you can customize this system to fit ANY offer
This is so easy and is jam-packed with real proof, both from the creator AND from
beta testers.
► You WON’T need a list, any previous experience, copywriting or tech skills.
► You WON’T need to wait for results - you can be banking 3+ figure commissions by
this time TOMORROW.
► You WON’T need to pay for traffic - free methods are part of the package!
And you’ll make hassle-free recurring commissions every single month.
For an extremely limited time, you get complete & ongoing access for a steeply discounted one-time fee.
>>> https://bit.ly/rcommearly
But HURRY because the price is increasing and this is your shot to get in for the
lowest possible cost.
Make way more in way less time?
>> Now you can with THIS app & proven method!
Cheers!!
Nelson T.
46 Sudbury Hills Par, Manhatton
=============
Click here to Unsubscribe
coloriage
(EugeneTup, 29. 3. 2023 16:57)
Tags keyword:
- About Us:
Coloriage123.com est un site Web qui partage des coloriages pour les enfants. Nous mettons à disposition des enfants des coloriages sur de nombreux thèmes tels que les vacances, les animaux ou les films… Les parents peuvent faire colorier leurs enfants directement sur notre page d’accueil. Ou vous pouvez les télécharger et les imprimer complètement gratuitement.
- Address:
Rue: 5 Rue de l’Odéon
Ville/Ville: Paris
Etat/Province / Région: Paris
Zip/code postal: 75006
Numéro de téléphone: 01 43 29 89 05
Pays: France
- Social:
https://www.facebook.com/Coloriage12/
https://www.youtube.com/channel/UC0LkPuyVHlr7mghzkP-v5qA
https://www.linkedin.com/in/coloriage-com-88730a246/
https://www.reddit.com/user/coloriage123
https://coloriage123.tumblr.com/
https://soundcloud.com/coloriage123
https://www.instagram.com/coloriage12/
https://twitter.com/Coloriage123
https://www.pinterest.com/coloriage12/
https://www.deviantart.com/coloriage123
https://youpic.com/coloriage123/
https://www.flickr.com/people/196113124@N07/
Vulkan mirror
(VULgap, 29. 3. 2023 15:30)
Licensed slots for Vulkan https://avtomati-vulkan-fq.ru sleep off every day
large winnings. https://avtomati-vulkan-6s.ru On average, for day 30-45 times exactly those that are more than 10,000 rubles. Rating
<strong>Vulkan</strong> growing daily, more 1070 https://avtomati-vulkan-6s.ru people play at the same time every day,
and on Saturday or Sunday this figure is off the scale. https://avtomati-vulkan-uh.ru
L¦O¦L¦I¦T¦A¦C¦P
(RamondDrymn, 25. 3. 2023 17:39)
L¦O¦L¦I¦T¦A¦C¦P
xref.ws/QXpRpB
bre.is/gfox9Qaa
L¦O¦L¦I¦T¦A¦C¦P
Finally ready to join the disruption?
(Ali, 25. 3. 2023 15:55)
Hi,
If you sell anything online,
you need stunning visuals &
graphics to grab your audience's
attention - and that often
means spending loads of
time, money & effort.
But not anymore, the graphics
Industry has been DISRUPTED!
Now turn SIMPLE texts into
MIND-BLOWING graphics, using
the power of Artificial Intelligence
in just 1-click!
SAVE Thousands On Stock Media, UNLIMITED Downloads, Low 1-Time Price..
Download UNLIMITED Stocks For Your Next Projects.. (NO LIMIT, NO Credit Needed)
Watch Quick DEMO here to get blown away..
===> https://bit.ly/aigcreator
Skyrocket your traffic, leads
& sales In just 3 simple steps:
STEP 1 - Enter a keyword or
phrase, select from our 30+
different & unique styles
and click "Generate"
STEP 2 - Our A.I. instantly
creates amazing graphics &
displays them. Select, edit,
modify with our powerful
in-built image editor.
STEP 3 - Download or share
directly to your blog, website,
social media, anywhere you
want & 10x your engagement,
traffic & sales.
$49/month for overpriced stock
resources... that too with limited
usage rights?
Lock your Low One-Time price
during the launch price and get:
- UNLIMITED access
- UNLIMITED downloads
- UNLIMITED licence
- Regularly updated
- Commercial Rights Included
- Low 1-Time Payment
Imagine getting more engagement,
leads, sales and making more money
than ever.
Cheers
Robin T
78 Rugby Street, MX
67645
======
Click here to Unsubscribe
best cardholder video her
(WalterLousy, 23. 3. 2023 6:24)best cardholder video here https://www.youtube.com/watch?v=_6SbaPRllxM
interesting for a very long time
(KazkzrdRog, 22. 3. 2023 23:00)Thanks, I've been looking for this for a long time
best cardholder video her
(WalterLousy, 22. 3. 2023 22:24)best cardholder video here https://www.youtube.com/watch?v=_6SbaPRllxM
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
I am the new girl
(Una, 31. 3. 2023 0:00)