Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

HTML, XHTML a CSS Základy jazyků značek. Základní tagy HTML odstavec nadpis1 tučně, kurziva, podtržení seznam s odrážkou seznam s řazením záhlaví buňka.

Podobné prezentace


Prezentace na téma: "HTML, XHTML a CSS Základy jazyků značek. Základní tagy HTML odstavec nadpis1 tučně, kurziva, podtržení seznam s odrážkou seznam s řazením záhlaví buňka."— Transkript prezentace:

1 HTML, XHTML a CSS Základy jazyků značek

2 Základní tagy HTML odstavec nadpis1 tučně, kurziva, podtržení seznam s odrážkou seznam s řazením záhlaví buňka blok formulář odřádkování, slovní mezera, vodorovné podtržení

3 Zápis tagů do textového souboru *.html např. poznámkovým blokem pomocí editorů HTML např.: PSPad vloží šablonu, tagy se umisťují Ctrl + Space, indexování dle abecedy

4 Šablona pro HTML Stránka

5 Filozofie XHTML oddělení obsahu od formy (struktury stránky od formátování objektů) struktura – XHTML formátování a umisťování objektů – CSS CSS dodá stránkám dynamiku

6 Postup práce v XHTML otevřít šablonu XHTML vložit text doplnit tagy vymezující obsah (nadpis, adresa, odstavce, bloky) vytvořit CSS soubor s pozicemi bloků, formátováním doplnit meta tagy validovat publikovat

7 XHTML rozdíly proti HTML XML: XHTML:

8 Vkládání stylů Přímo v textu zdroje u formátovaného elementu. Anglicky je to "in-line" styl, já tomu říkám přímý styl. Je to nešikovné, ale občas se to používá. Pomocí "stylopisu" (angl. "stylesheet") v hlavičce stránky. Stylopis je jakýsi seznam stylů. Je v něm obecně napsáno, co má být jak zformátováno, například že nadpisy mají být zelené. Použitím externího stylopisu -- to je soubor *.css, na který se stránka odkazuje tagem LINK. V souboru je umístěný stylopis. Hlavní výhoda je v tom, že na jeden takový soubor se dá nalinkovat mnoho stránek, takže pak všechny vypadají podobně.

9 Přímo do těla skriptu Do zdroje se napíše tato deklarace odstavce: Tento odstavec bude červený. Vysvětlení: je značka vymezující odstavec; z anglického paragraph. Atribut "style" je obecný atribut podobný třeba atributu "align", jenže je mocnější.

10 Stylopisem Do hlavičky dokumentu se napíše stylopis uzavřený mezi tagy : p {color: red} a do těla stránky se mohou psát odstavce: Tento odstavec bude červený. Tento mimochodem také, protože červené budou všechny.

11 Externím CSS souborem Vytvoří se soubor, který se pojmenuje třeba styly.css. V něm bude tento text: p {color: red} Do hlavičky html dokumentu, který chci stylovat, musím napsat odkaz na tento soubor:

12 Šablona XHTML Ukázka různých CSS Vlož kód


Stáhnout ppt "HTML, XHTML a CSS Základy jazyků značek. Základní tagy HTML odstavec nadpis1 tučně, kurziva, podtržení seznam s odrážkou seznam s řazením záhlaví buňka."

Podobné prezentace


Reklamy Google