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ářů
Как научить ребенка быть более целеустремленным и находчивым. https://dzen.ru/media/id/62456b2f280bf23ecd3a7cb0/kak-nauchit-rebenka-byt-bolee-celeustremlennym-i-nahodchivym-63fc2d272376724d65184b5b
Как научить ребенка быть более целеустремленным и находчивым.
(KevinIller, 28. 2. 2023 20:47)Как научить ребенка быть более целеустремленным и находчивым. https://dzen.ru/media/id/62456b2f280bf23ecd3a7cb0/kak-nauchit-rebenka-byt-bolee-celeustremlennym-i-nahodchivym-63fc2d272376724d65184b5b
Как научить ребенка быть более целеустремленным и находчивым.
(KevinIller, 28. 2. 2023 15:49)Как научить ребенка быть более целеустремленным и находчивым. https://dzen.ru/media/id/62456b2f280bf23ecd3a7cb0/kak-nauchit-rebenka-byt-bolee-celeustremlennym-i-nahodchivym-63fc2d272376724d65184b5b
Как научить ребенка быть более целеустремленным и находчивым.
(KevinIller, 28. 2. 2023 3:30)Как научить ребенка быть более целеустремленным и находчивым. https://dzen.ru/media/id/62456b2f280bf23ecd3a7cb0/kak-nauchit-rebenka-byt-bolee-celeustremlennym-i-nahodchivym-63fc2d272376724d65184b5b
Ukrajinské jednotky připravují březnovou invazi
(Xmadode, 28. 2. 2023 0:46)
<center><b>Украина вторглась в соседнее государство! Открытие второго фронта!</b>
Сегодня ночью Украинские вооруженные силы предприняли попытку провокации в сторону прорыва границы под видом ответа на наступление с территории республики российских войск.
На приграничных территориях <b>слышны выстрелы и подрывы</b>, слышны звуки работающей артиллерии и авиации
По информации полученной из источников приближенных к администрации президента Зелинского <b> вторжение планируется в ночь на 1 марта. </b>
В администрации отметили, что ООН фиксирует скопление личного состава и техники вблизи украинско-приднестровской границы.
Кроме того, наблюдается <i>развертывание артиллерии</i>, а также участились случаи полетов беспилотников (ВСУ) над территорией Приднестровья.
<b>Мая сандау запросила экстренный звонок в администрацию президента белого дома Байдену</b>
Сопредседатель Объединенной контрольной комиссии от Кишинева Александр Фленкя в эфире интернет-канала RElive сегодня сообщил –
«<i>Инциденты, которые регистрируются в зоне безопасности, носят серьезный военный характер.
Кроме того, политические представители Кишинева и Тирасполя по переговорам даже в условиях нынешней ситуации <i>на Украине не способны встречаться и разговаривать друг с другом</i>»
Новый глава правительства Молдавии Дорин Речан ранее призвал к <b>эвакуации жителей близ лежащих районов</b> Приднестровья и дальнейшей экономической и социальной интеграции жителей региона.
Киевский режим активизировал подготовку к вторжению в Приднестровскую Молдавскую Республику, и готовит провакации по приказу офиса Зелинского
Как сообщалось ранее, данная акция вооруженных сил Украины будет проведена в ответ на якобы наступление российских войск с территории Приднестровья – Сообщило министерство обороны Польши с ссылкой на Подполковника секретных служб Помогайбо
</center>
How to us google search engine
(MerleVeits, 27. 2. 2023 19:59)I would like to thank you for the efforts youve got produced in criticism this post. I am hoping the identical same most https://googles7.com
Как научить ребенка быть более целеустремленным и находчивым.
(KevinIller, 27. 2. 2023 19:28)Как научить ребенка быть более целеустремленным и находчивым. https://dzen.ru/media/id/62456b2f280bf23ecd3a7cb0/kak-nauchit-rebenka-byt-bolee-celeustremlennym-i-nahodchivym-63fc2d272376724d65184b5b
Как научить ребенка быть более целеустремленным и находчивым.
(KevinIller, 27. 2. 2023 8:09)Как научить ребенка быть более целеустремленным и находчивым. https://dzen.ru/media/id/62456b2f280bf23ecd3a7cb0/kak-nauchit-rebenka-byt-bolee-celeustremlennym-i-nahodchivym-63fc2d272376724d65184b5b
Почему занятия танцами - важная часть развития ребенка?
(KevinIller, 27. 2. 2023 7:52)Почему занятия танцами - важная часть развития ребенка? https://dzen.ru/media/id/62456b2f280bf23ecd3a7cb0/pochemu-zaniatiia-tancami-vajnaia-chast-razvitiia-rebenka-63f33159b3e70e6615f65420
Почему занятия танцами - важная часть развития ребенка?
(KevinIller, 26. 2. 2023 21:47)Почему занятия танцами - важная часть развития ребенка? https://dzen.ru/media/id/62456b2f280bf23ecd3a7cb0/pochemu-zaniatiia-tancami-vajnaia-chast-razvitiia-rebenka-63f33159b3e70e6615f65420
Остекление Балконов Из Алюминиевого Профиля
(ThomasAdvot, 26. 2. 2023 18:00)
Зимний монтаж окон позволяет максимально снизить потери тепла помещением во время замены окон https://okno.ooo/okna-po-serii-doma/p-47
Используется специальная монтажная пена, а также другие материалы, устойчивые к низким температурам https://okno.ooo/reachmont
Мастера тщательно следят за соблюдением технологий монтажных работ https://okno.ooo/gotovye-plastikovye-okna/plastikovoe-okno-900-x-900
ОПЛАТА ПОСЛЕ МОНТАЖА https://okno.ooo/okna-bez-montazha/okno-900x600
Уделяйте внимание особенностям монтажа https://okno.ooo/okna-bez-montazha/okno-600x600
Подоконник - 1 550 руб https://okno.ooo/balkony
Дополнительные опции https://okno.ooo/shtulpovye-okna
КУПИТЕ ОКНА ИЗ НАДЕЖНОГО ПРОФИЛЯ https://okno.ooo/okna
very interesting, but nothing sensible
(KazkkesbyclE, 26. 2. 2023 14:08)very interesting, but nothing sensible
Почему занятия танцами - важная часть развития ребенка?
(KevinIller, 26. 2. 2023 12:15)Почему занятия танцами - важная часть развития ребенка? https://dzen.ru/media/id/62456b2f280bf23ecd3a7cb0/pochemu-zaniatiia-tancami-vajnaia-chast-razvitiia-rebenka-63f33159b3e70e6615f65420
Почему занятия танцами - важная часть развития ребенка?
(KevinIller, 26. 2. 2023 7:18)Почему занятия танцами - важная часть развития ребенка? https://dzen.ru/media/id/62456b2f280bf23ecd3a7cb0/pochemu-zaniatiia-tancami-vajnaia-chast-razvitiia-rebenka-63f33159b3e70e6615f65420
Почему занятия танцами - важная часть развития ребенка?
(KevinIller, 26. 2. 2023 2:24)Почему занятия танцами - важная часть развития ребенка? https://dzen.ru/media/id/62456b2f280bf23ecd3a7cb0/pochemu-zaniatiia-tancami-vajnaia-chast-razvitiia-rebenka-63f33159b3e70e6615f65420
[10-in-1 AI] Fire Your Copywriter, Designer, Content Writer, Video Creator
(Charley, 25. 2. 2023 23:29)
Imagine if there was an AI software that could create professional marketing assets for you & your clients.
That’s exactly what this brand-new powerful tool does for you.
Meet the ‘human-like’ AI marketing assistant!
A 10-in-1 REAL AI software that writes, creates & designs all your landing pages, promo videos, ads, marketing copy, graphics, email swipes, voiceovers, blog posts, articles, art & more in minutes.
In ANY niche and ANY language from just a keyword.
► Without any technical or designing skills
► Without paying exorbitant fees for complicated tools
► Without expensive freelancers & agencies
► Ready-For-Use In Your Business
► Or to sell to your clients for BIG profits
Click here to See it in Action >> https://bit.ly/firestaffAI
This AI Creates ALL OF THESE For You Using Just A KEYWORD Within Minutes:
► Landing Pages Pre-Loaded with Content
► High-Converting Ads for Facebook, Google & LinkedIn
► Marketing Copy for Sales Pages, Website, Ecom Stores & Blogs
► Stunning Graphics like Banners, Social Media Graphics… in all sizes
► High-Converting Email Swipes including Sales & Cold Emails
► Print Graphics like Letterheads, Business Cards, Invoices…
► Promotional Videos - Square, Rectangle & Story
► Stock Images and Videos
► Logos and business branding kits
► Voiceovers script and text to speech
► Ebooks & Lead Magnets
► Business plans
► Arts (Using AI text to image technology)
► And A Lot More…
No Writing, Designing or Coding Required!
Cheers
Kapil S.
88 Roudy Road, MW
=================
Click here to Unsubscribe.
Почему занятия танцами - важная часть развития ребенка?
(KevinIller, 25. 2. 2023 21:30)Почему занятия танцами - важная часть развития ребенка? https://dzen.ru/media/id/62456b2f280bf23ecd3a7cb0/pochemu-zaniatiia-tancami-vajnaia-chast-razvitiia-rebenka-63f33159b3e70e6615f65420
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 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100
Как научить ребенка быть более целеустремленным и находчивым.
(KevinIller, 1. 3. 2023 1:39)