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ářů
thanks, interesting read
[Must Check] Turn Your Content Into HQ Animated Videos With ChatGPT In 30 Sec FLAT!!
(Rhea, 24. 2. 2023 2:37)
Hi there,
World's First ChatGPT-Powered App That Generates High Quality Content & Converts It To Scroll Stopping Videos With Thousand Of DFY Templates is OUT Now!!!
Yes, you read that right.
You can now generate Not Only Content but also Videos For Yourself & For Your Clients With the power of Real AI (Full ChatGPT Approved)
=> Click Here & Create Your First High Quality Contents & Videos Now: https://bit.ly/CHATGPT30
Special $4 Off - ‘VIDMORA4’ (Expires in an hour time)
Let me introduce you to this CRAZY AI Tool
World's First ChatGPT-Powered App That Generates High Quality Content & Converts It To Scroll Stopping Videos With Unique AI Based BG Removal App & DFY Templates
How cool is that?
Now you won’t have to pay for expensive platforms like Grammarly, Quillbolt, Rytr, Animaker, Jupiter, Videohive, Renderforest or any other site.
So let me ask you…
Are you tired of Creating old videos & duplicate contents ?
Thanks to the brand new ChatGPT AI-powered software ... It combines the power of Content Creation, Video Creation & Video Marketing to get best results from one easy-to-use dashboard
It's loaded with awesome features like:
► Professional & Fully Cloud-Based Platform
► ChatGPT Powered AI Content & AI Video Creator Platform
► 500+ Ready to Use Templates
► Create Scroll-Stopping Videos for Your Social Media
► Create AI Generated Content In Just Single Click
► Create High Converting Video Ads
► Custom 3D Characters to WOW your Audience
► Custom 3D Objects with Animation to skyrocket your Sales
► Instagram, FB, Snapchat, Whatsapp Thumb-Stopping Story Creator Create
► Personalised Videos eCom Showcase Videos
► 50 Built-in Premium Music Tracks
► 3 Million+ Searchable Royalty Free Stocks
► Huge Font Library
► Upload Your Own Images, Videos
► AI Powered Background Remover
► Full HD Videos Completely
► Step By Step Training
► And much more...
=> Get Your VidMora AI Lifetime Account + Commercial License at a One-Time Price: https://bit.ly/CHATGPT30
Special $4 Off - ‘VIDMORA4’ (Expires in an hour time)
Cheers
Abhi Newo
45 St. Patricks Street, Miami
=============================
Click here to Unsubscribe.
Would love to do the same for you..
If you think you got some minute to know what it's all about
Please check the video in here >>> https://bit.ly/AIRevolution2023
Regards
Unsubscribe here: https://bit.ly/uunsubscribehere
Slot303 : Situs 303 Slot 5000 4D Slot Slot303 Login
(Davidruh, 22. 2. 2023 18:19)Slot303 berbadan dua beberapa letak 303 slot 5000 dengan ide slot 4D yang dijamin sangat aman dan terpercaya untuk sebagian penggemar slot303 Berasimilasi. Link website : https://slot303.io
How to us google search engine
(MerleVeits, 22. 2. 2023 12:34)I would like to express you seeking the efforts youve got produced in writing this post. I am hoping the exact identical most https://googles7.com
No deposit bonuses + 150FS - FREE
(Grygap, 22. 2. 2023 8:21)
No deposit bonuses 150 FREE SPINS
https://joycasino-w4ym.ru
New Slots
https://vulkancasino-7a34.ru
innosilicon
(JerryKiz, 21. 2. 2023 13:48)
Innosilicon A10 Pro+ 500MH/S 6G Ethash Miner: A Game-Changing Solution for Cryptocurrency Miners
Cryptocurrency mining has been gaining popularity over the years due to its potential to earn massive profits. However, to maximize the profits, miners need to use the best equipment available in the market. This is where Innosilicon comes into play. Innosilicon is a leading manufacturer of cryptocurrency mining equipment, and its latest product, the Innosilicon A10 Pro+ 500MH/S 6G Ethash Miner, is a game-changer for miners.
The Innosilicon A10 Pro+ 500MH/S 6G Ethash Miner is a high-performance mining rig that is designed to mine Ethereum and other cryptocurrencies using the EtHash algorithm. It boasts a maximum hashrate of 500Mh/s±5% for a power consumption of 750W, making it one of the most efficient miners in the market.
The A10 Pro+ 500MH/S 6G Ethash Miner features a state-of-the-art 6GB GDDR6 memory that ensures high-speed data processing and efficient performance. This is crucial for cryptocurrency mining, as it requires a significant amount of data processing power to mine cryptocurrencies successfully.
What sets the Innosilicon A10 Pro+ 500MH/S 6G Ethash Miner apart from its competitors is its power efficiency. The miner's power consumption of 750W is significantly lower than its competitors, making it an ideal solution for miners who are conscious of their energy consumption.
In addition, the A10 Pro+ 500MH/S 6G Ethash Miner is incredibly easy to set up and use. It comes with a user-friendly interface that makes it easy for even novice miners to start mining cryptocurrencies right away. The miner is also compatible with various mining pools, allowing miners to choose the pool that best suits their needs.
jasminer
(TyronePlamy, 20. 2. 2023 4:02)
jasminer
Jasminer X4-Z Ethereum Classic Miner: A Power-Efficient Mining Solution
For those looking to mine Ethereum Classic, the Jasminer X4-Z Ethereum Classic Miner might be just the device for the job. Manufactured by Jasminer, the X4-Z is specifically designed to mine the EtHashETC algorithm, boasting a maximum hashrate of 840Mh/s±10% for a power consumption of only 380W±10%.
What sets the Jasminer X4-Z apart from other mining solutions is its power efficiency. With a relatively low power consumption, miners can save on energy costs while still achieving high hashrates. And with the X4-Z in stock in the Jasminer warehouse, worldwide delivery is available for those ready to start mining.
The Jasminer X4-Z is built with quality components and engineering, ensuring reliable performance and a longer lifespan. Its compact design makes it easy to install and set up, and the miner can be controlled remotely using a computer or mobile device. Additionally, the X4-Z features an easy-to-use interface, making it accessible for both experienced and novice miners.
Mining cryptocurrency can be a profitable venture, but it's important to choose the right hardware for the job. The Jasminer X4-Z Ethereum Classic Miner is a power-efficient and reliable option for those looking to mine ETC. With worldwide shipping available, it's easy to get started with the X4-Z and start earning cryptocurrency.
메이저사이트
(TyronePlamy, 19. 2. 2023 12:35)
최고의 메이저 사이트 추천 업체 중 하나인 메이저나라는 전문적인 검증 과정을 통해 안전한 메이저 사이트를 보증하고 있습니다. 최근 먹튀 사고가 증가하면서 먹튀 방지를 위한 많은 장치들이 나타나고 있습니다. 그러나 메이저나라는 이러한 편법에 속지 않고 안전한 메이저 업체만을 추천하고 있습니다.
메이저나라는 안전한 메이저 놀이터를 추천하기 위해 먹튀 검증을 진행하고 있습니다. 먹튀 검증 과정에서는 업계 전문가들로 구성된 검증팀이 악성 사이트에 대한 회원들의 가입을 최대한 막고 있습니다. 이를 통해 더 많은 회원들이 안전한 업체를 이용할 수 있도록 노력하고 있습니다.
메이저나라에서는 먹튀 검증 방법을 단순히 서버 년도 수준의 검증이 아닌, 실제 업계 커뮤니티와 관련 업자들에게 잠입하여 모든 사이트 정보를 얻고 해당 사설 토토사이트의 운영 방법이나 관리 방법 등을 입수하고 계열 사이트의 경우에는 해당 놀이터를 역추적하여 실질적인 운영 사이트를 찾아내는 방법을 사용합니다.
메이저사이트
(TyronePlamy, 18. 2. 2023 3:17)
최고의 메이저 사이트 추천 업체 중 하나인 메이저나라는 전문적인 검증 과정을 통해 안전한 메이저 사이트를 보증하고 있습니다. 최근 먹튀 사고가 증가하면서 먹튀 방지를 위한 많은 장치들이 나타나고 있습니다. 그러나 메이저나라는 이러한 편법에 속지 않고 안전한 메이저 업체만을 추천하고 있습니다.
메이저나라는 안전한 메이저 놀이터를 추천하기 위해 먹튀 검증을 진행하고 있습니다. 먹튀 검증 과정에서는 업계 전문가들로 구성된 검증팀이 악성 사이트에 대한 회원들의 가입을 최대한 막고 있습니다. 이를 통해 더 많은 회원들이 안전한 업체를 이용할 수 있도록 노력하고 있습니다.
메이저나라에서는 먹튀 검증 방법을 단순히 서버 년도 수준의 검증이 아닌, 실제 업계 커뮤니티와 관련 업자들에게 잠입하여 모든 사이트 정보를 얻고 해당 사설 토토사이트의 운영 방법이나 관리 방법 등을 입수하고 계열 사이트의 경우에는 해당 놀이터를 역추적하여 실질적인 운영 사이트를 찾아내는 방법을 사용합니다.
aviator
(EugeneTup, 16. 2. 2023 19:25)
Aviator game for money at the bookmaker's office 1win. How to play aviator 1win at pin up casino. Download the game on android apk and make money with strategies 2023. Bonus and promo code when registering Aviator
aviator
(EugeneTup, 16. 2. 2023 9:33)
Aviator game for money at the bookmaker's office 1win. How to play aviator 1win at pin up casino. Download the game on android apk and make money with strategies 2023. Bonus and promo code when registering Aviator
Test, just a test
(Jamesybwz, 15. 2. 2023 23:01)
hoteles all inclusive en cancun
best resorts in cancun for adults
beautiful places in cancun
aviator
(JerryKiz, 15. 2. 2023 15:35)
Jogue Aviator 1win no cassino Aviator pin up. Faca o download do aplicativo Aviator em seu telefone Android. Jogue Aviator pin up de graca com uma estrategia de ganho. Receba um bonus de boas-vindas atraves do codigo promocional 1win aviator pin up
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
+ for the post
(KkkzellEpito, 25. 2. 2023 9:00)