Jdi na obsah Jdi na menu
 


Html 0.4

20. 11. 2011

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."

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řidat komentář

Přehled komentářů

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

Купить Мефедрон в Москве? Телеграмм - @FV_24 Купить Мефедрон. Телеграмм - @FV_24

(Timothyethelp, 5. 8. 2022 22:49)

Купить Мефедрон в Москве? Телеграмм - @FV_24 Купить Мефедрон. Телеграмм - @FV_24


ССЫЛКА В ТЕЛЕГРАММ - https://t.me/FV_24

ССЫЛКА В ДЛЯ ВХОДА - https://t.me/FV_24

ССЫЛКА ДЛЯ ЗАКАЗА - https://t.me/FV_24

ССЫЛКА В ДЛЯ СВЯЗИ - https://t.me/FV_24

ССЫЛКА В НАШ КАНАЛ - https://t.me/FV_24

!!!МЕФЕДРОН МОСКВА!!!
Купить Мефедрон в Москве,
Сколько стоит Мефедрон в Москве,
Как купить Мефедрон в Москве,
Где купить Мефедрон в Москве,
Купить Мефедрон в Москве,
Сколько стоит КУРЕВО Мефедрон в Москве,
Купить КУРЕВО Мефедрон в Москве,
Цена на КУРЕВО Мефедрон в Москве,
Купить героин в Москве,
Купить экстази в Москве,
Купить шишки в Москве,
Купить гашиш в Москве,
Купить мефедрон в Москве,
Купить экстази в Москве,
Купить МДМА в Москве,
Купить лсд в Москве,
Купить фен в Москве,
Купить скорость альфа в Москве,
Купить гидропонику в Москве,
Купить метамфетамин в Москве,
Купить эйфоретики в Москве,
Купить закладки в Москве,
Купить Мефедрон закладкой в Москве
!!!МЕФЕДРОН МОСКВА!!!

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)


비대면폰테크 전국폰테크 폰테크신규개통 아이폰신규개통 서울폰테크 인천폰테크 부천폰테크 폰테크매장 구로구폰테크
천안폰테크 대구폰테크 제주폰테크 전남폰테크 경기폰테크 경북폰테크 경남폰테크 광주폰테크 폰테크출장 당일폰테크
대전폰테크 강원폰테크 전북폰테크 충남폰테크 부산폰테크 울산폰테크 충북폰테크 세종폰테크 구리폰테크 아이폰폰테크
춘천폰테크 원주폰테크 강릉폰테크 충주폰테크 제천폰테크 청주폰테크 아산폰테크 서산폰테크 안양폰테크 안산폰테크
전주폰테크 군산폰테크 익산폰테크 목포폰테크 여수폰테크 순천폰테크 포항폰테크 경주폰테크 광명폰테크 시흥폰테크
안동폰테크 구미폰테크 경산폰테크 진주폰테크 통영폰테크 거제폰테크 창원폰테크 수원폰테크 성남폰테크 서귀포폰테크

Test, just a test

(XRumerTest, 31. 7. 2022 11:01)

Hello. And Bye.

폰테크

(Leonardmeend, 31. 7. 2022 7:32)


비대면폰테크 전국폰테크 폰테크신규개통 아이폰신규개통 서울폰테크 인천폰테크 부천폰테크 폰테크매장 구로구폰테크
천안폰테크 대구폰테크 제주폰테크 전남폰테크 경기폰테크 경북폰테크 경남폰테크 광주폰테크 폰테크출장 당일폰테크
대전폰테크 강원폰테크 전북폰테크 충남폰테크 부산폰테크 울산폰테크 충북폰테크 세종폰테크 구리폰테크 아이폰폰테크
춘천폰테크 원주폰테크 강릉폰테크 충주폰테크 제천폰테크 청주폰테크 아산폰테크 서산폰테크 안양폰테크 안산폰테크
전주폰테크 군산폰테크 익산폰테크 목포폰테크 여수폰테크 순천폰테크 포항폰테크 경주폰테크 광명폰테크 시흥폰테크
안동폰테크 구미폰테크 경산폰테크 진주폰테크 통영폰테크 거제폰테크 창원폰테크 수원폰테크 성남폰테크 서귀포폰테크

agen togel

(Phillipjek, 31. 7. 2022 3:27)




https://sholokhov.org/

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

토토사이트

(AnthonyCam, 28. 7. 2022 12:54)



https://www.greencom.ru/catalog/search_firm.html?jump_site=3581&url=https://www.saseolsite.com/

Перевозки и таможенное оформление

(Sece, 28. 7. 2022 9:11)

Таможенная компания «ВЭД ЛАЙН» оказывает услуги в сфере главного импортера в внешнеторговой деятельности с Поднебесной. Наша компания содержит богатый опыт в этой профессии, поскольку мы занимаемся на данном рынке много лет. «ВЭД ЛАЙН» https://ved-line.ru имеет кадровых менеджеров по работе с поставками импортных товаров, в том числе высококвалифицированных специалистов по взаимодействию с покупателями.

Прошу помочь советом - какой табак брать вместо сигарет?

(LampallScege, 27. 7. 2022 19:57)

Доброго дня, господа!
Покуриваю более 10 лет и вот принял решение сократить потребление сигарет. Бюджета слишком много тратится. Друг направил в сторону самокруток из фермерского табака. Он и стоит дешевле, и по качеству, говорят, лучше, по накуриваемости и количеству штук в день тоже меньше уходит.
Нашел вот такой сайт поставщика, который предлагает https://lampa-lounge.ru - табак для самокруток>>> и хотел узнать, возможно кто то из вас уже сотрудничал здесь товарищи? Как порядочность? Какой рекомендуете?
Опасаюсь просто брать неизвестно у кого с деньгами вперед и еще непонятно который вид табака.

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


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

následující »