Obsah
HTML (HyperText Markup Language) nebo hypertextový značkovací jazyk, je standard používaný pro vývoj webových stránek, je to jazyk založený na značkách, které strukturují informace na základě hierarchie obsahu. HTML samo o sobě nedává prezentovaným informacím grafické vlastnosti, pouze je organizuje tak, aby mělo logické pořadí čtení.Za druhé CSS (Cascading Style Sheet) nebo kaskádové šablony stylů je jazyk používaný k definování a vytváření prezentace strukturovaného dokumentu napsaného v HTML, má na starosti formulování specifikace stylů, které budou sloužit jako standard pro prohlížeče.
V tomto tutoriálu představíme základní strukturu dokumentu HTML5, nejoblíbenější štítky a hierarchické pořadí jejich deklarace. Na druhé straně vysvětlíme vztah mezi HTML5 a CSS3, způsob, jakým mohou souviset, strukturu deklarací provedených v CSS3 a grafické atributy, které mohou dokumentu HTML poskytnout.
Pro příklady, které se chystáme provést, je nutné mít editor kódu, v našem případě vybraný editor je Dreamweaver CC 2014, v tutoriálu Dreamweaver CS6 Základy: Znalost pracovního prostředí jsou popsány vlastnosti aplikace, které zůstávají stejné i přes rozdíl v jejich verzích
1. Struktura dokumentu HTML5
B) Označuje otevření dokumentu HTML, je to první deklarovaná značka.
C) Můžete mimo jiné zahrnout název dokumentu, skripty, styly, metainformace.
D) Poskytuje metadata o dokumentu HTML. Metadata se na stránce nezobrazí, budou analyzována pouze jako přiložené informace. Prvky se obvykle používají mimo jiné k popisu popisu stránky, klíčových slov, autora dokumentu. V příkladu uvedeném na obrázku jsme použili atribut charset k definování sady znaků, ve kterých se stránka zobrazí, charset = "utf-8" v případě španělského jazyka.
A) Umožňuje nám přiřadit název stránky, která se zobrazí v prohlížečích.
F) Drtivá většina značek v HTML potřebuje úvodní deklaraci a závěrečnou deklaraci:
Obsah štítkuV tomto případě zobrazený obrázek zavírá značku hlavy pomocí
G) Vše v rámci tohoto prvku zobrazí prohlížeč, to znamená, že v rámci této značky označíme veškerý vizuální obsah našeho dokumentu HTML.
H) Stejným způsobem, jak je vysvětleno v části F toto je uzavření značky
Já) Stejným způsobem, jak je vysvětleno v části F toto je uzavření značky
Struktura dokumentu CSS3
B) #Id: Deklarace začínající znakem libry označují, že se jedná o ID typu. Třídy i ID se používají k určení, jaké grafické atributy chceme dát našemu obsahu HTML. Rozdíly mezi těmito 2 typy prohlášení jsou však následující:
ID jsou jedinečná:
- Každý prvek může mít pouze jedno ID.
- Každá stránka může mít pouze jeden prvek s tímto ID.
Náš HTML kód neprojde validací, pokud je stejné ID použito ve více než jednom prvku.
Třídy nejsou jedinečné:
- Stejnou třídu lze použít v několika prvcích.
- Ve stejném prvku můžete použít několik tříd.
Jakýkoli styl, který je třeba použít na více objektů na stránce, musí být proveden pomocí třídy. Je důležité zmínit, že vše deklarované v dokumentech CSS rozlišuje velká a malá písmena.
C) {Úvodní závorka, která spustí deklaraci atributů.
D) } Klíč, který zavře deklarace provedené pro třídu nebo ID.
A) Struktura atributu: po deklaraci atributu je nutné zadat jeho hodnotu, v příkladu uvedeném na obrázku přiřazujeme #Id výšku 600 pixelů.
K oddělení atributů a jejich hodnot se používá středník; jak je znázorněno na obrázku.
Toto jsou jednoduchým způsobem obecné charakteristiky struktury kódu HTML, potřebné štítky a jak je objednat. V případě CSS typy prohlášení a jejich obecná struktura. S těmito znalostmi budeme připraveni vytvořit náš první HTML a dát etiketám grafické vlastnosti.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod
