1 / 13

CSS a HTML 5

CSS a HTML 5. HTML 5. HTML5 je nová verze specifikace značkovacího jazyka HTML, která přináší podstatné změny v technologiích webových stránek. HTML5 umožňuje kromě jiného přehrávat multimédia přímo ve webovém prohlížeči a vytvářet v něm aplikace, které fungují i bez připojení k internetu.

terah
Download Presentation

CSS a HTML 5

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CSS a HTML 5

  2. HTML 5 • HTML5 je nová verze specifikace značkovacího jazyka HTML, která přináší podstatné změny v technologiích webových stránek. • HTML5 umožňuje kromě jiného přehrávat multimédia přímo ve webovém prohlížeči a vytvářet v něm aplikace, které fungují i bez připojení k internetu. • Letos se postupně seznámíme s několika novými tagy, které nám umožní zvýšení přehlednosti zdrojového kódu a rozšíří možnosti formulářů

  3. HTML 5 • HTML5 se také zaměřilo na zvýšení přehlednosti zdrojového kódu. Většina stránek je dnes tvořena obvyklými částmi, jako je hlavička, různé sloupce a patička. • Tyto části jsou odlišeny pomocí prvku div a jeho vlastností id nebo class, protože v současné verzi HTML 4 žádné speciální prvky na toto rozlišení nejsou.

  4. HTML 5 • Ve starších verzích neexistují prostředky, které by úspěšně pracovaly s vkládáním multimédií, proto jsou využívány různé pluginy nebo Flash. Tento problém se HTML5 také snaží vyřešit. Zavádí proto tyto značky: • <video> – vkládání videa • <audio> – vkládání audia • <source> – definuje alternativní verze videa nebo audia souboru, z nichž si prohlížeč vybírá ty, které podporuje • <track> – vkládá stopu pro <video> či <audio> • Zůstává značka <embed> pro vložení kontejneru s externí aplikací nebo pro interaktivní obsah.

  5. HTML 5 - formuláře • Při návrhu formulářů je dnes k dispozici pouze málo možností, se kterými se musí vystačit. HTML5 zachovává značku <input>, ale její parametr type rozšiřuje o následující možnosti: • tel - zadání telefonního čísla včetně ověření, zda je formát správný • search - vyhledávací pole • url - adresa URL • email - zadání e-mailové adresy včetně ověření, zda je formát správný • datetime - zadání data a času s ohledem na časová pásma • date - zadání data

  6. HTML 5 - formuláře • month - zadání měsíce • week - zadání týdne • time - zadání času • datetime-local - zadání data a času bez ohledu na časová pásma • number - zadání čísla • range - výběr číselné hodnoty z rozsahu, který se nastaví vlastnosti min a max • color - výběr barvy včetně převedení do textového formátu Z HTML 5 budeme využívat jen tagy, které budeme potřebovat pro tvorbu stránky

  7. CSS Na rozčlenění stánek budeme používat tagyz HTML 5 Abychom viděli, kde každá část začíná a končí, použijeme rámečky Na menu je vhodné použít odrážky – odsadí text od okrajů, nemusí se ukončovat tagem <br>

  8. CSS styl.css hlavička stránky část s navigací řádkování 2,5 řádku seznam v části navigace nemá odrážky

  9. HTML – soubor index.html připojení souboru styl.css k souboru index.html hlavička stránky část pro navigaci

  10. Vzhled stránky

  11. Další tagy - CSS střední část stránky odstavec

  12. Umístění tagů v html

  13. Vzhled stránky

More Related