VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501 Textové elementy.

Prezentace na téma: "VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501 Textové elementy."— Transkript prezentace:

1 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501 Textové elementy

2 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501  Za interpunkčními znaménky se píše mezera  HTML řádky se zalamují na velikost obrazovky  Pro zalomení řádku se používá značka, nepoužívá se klávesa [enter]  Pro zapsání dvou a více mezer se používá entita, nepoužívá se klávesa [mezerník]  Entita je pevná mezera a vkládá se tam, kde nesmí dojít k rozdělení na dva řádky např. zkratka s. r. o. - s. r. o.

3 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501  Řádkové Řádkové (inline) tagy mohou obsahovat text a jiné řádkové tagy. Řádkový tag nemůže obsahovat blokový. Mezi tyto tagy patří například odstavce nebo nadpisy.  Blokové Blokové (block) tagy mohou obsahovat řádkové tagy. Některé z nich mohou obsahovat i další blokové tagy.

4 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501  Nadpis by měl shrnovat obsah části stránky, která bezprostředně následuje. K tvorbě nadpisů je určen tag h (heading), který je doplněn číslicí 1-6. Vytvořte si složku html_3. V editoru Pspad vytvořte nový dokument XHTML a pojmenujte ho index.html a uložte do složky html_3. Zvolte si titulek např. Moje www stránky. Vytvořte nadpisy h1 až h3 např. Toto je nadpis první úrovně Toto je nadpis druhé úrovně Toto je nadpis třetí úrovně

5 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501  Zápis odstavců - tag p, který může obsahovat inline tagy a text: text  Tučné zvýraznění - tag strong : text  Zvýraznění kurzívou - tag em ( emphasis) : text  Zalomení řádku – tag br:

6 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501 Napište libovolný text pomocí tagu p a část textu zvýrazněte pomocí tagu strong a část pomocí em. Vyzkoušejte také tag pro zalomení řádku br např. První odstavec vás vítá [enter] do světa HTML a WWW. Druhý odstavec následuje ihned za prvním.

7 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501 Pozor na křížení tagů!!!  Správně: text  Špatně: text

8 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501 TagPopisUkázka tučné písmo Ukázka kurzíva Ukázka neproporcionální písmo Ukázka podtržený text Ukázka přeškrtnuté písmo Ukázka větší písmoUkázka menší písmo Ukázka dolní index Ukázka horní index Ukázka

9 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501 Vyzkoušejte tagy pro různá zvýraznění písma např.: kyselina sírová: H 2 SO 4 kvadratická rovnice: ax 2 + bx + c = 0 hlavní město Francie: Londýn Paříž kyselina sírová: 2 SO 4 kvadratická rovnice: ax 2 + bx + c = 0 hlavní město Francie: Londýn Paříž

10 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501  q – citace: text  cite – citace, kurzíva: text  blockquote – citace, odsazení: text  hr – vodorovná čára:  pre – předformátovaný text (zachovává mezery, enter a tabulátory): text  - komentář (interní poznámka, vysvětlivka):

11 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501 Vyhledejte na internetu citáty a vyzkoušejte tagy q, cite, blockquote, pre. Do tagů vložte atribut title, jeho hodnota bude jméno autora citátu. Např. "Kašel, koně a lásku lze ukrýt velmi těžko."

12 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501  Entity umožňují zápis speciálních znaků, které by jinak narušily strukturu kódu.  entita začíná ampersandem (&) a končí středníkem (;)  ASCII kód - kódování, kde má každé písmeno svůj číselný zápis - &#číslo;

13 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501 pevní mezera <>&©®§°÷ <>&©®§°÷ <>&©®§º÷ Tabulka číselných entit

14 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501  Příklad - zdrojový kódzdrojový kód  Stránka v prohlížečiprohlížeči  Textové elementy - přehledpřehled

15 VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501  CASTRO, Elisabeth. HTML, XHTML a CSS. Brno: Computer Press, 2007. ISBN 978-80-251-1531-2.  KOSEK, Jiří. Vytváříme si domovskou stránku [online]. 1999 [cit. 2012-10-17]. Dostupné z: http://www.kosek.cz/clanky/html/index.html http://www.kosek.cz/clanky/html/index.html  JANOVSKÝ, Dušan. Jak psát web [online]. 1999, 14. 10. 2012 [cit. 2012-10-17]. Dostupné z: http://www.jakpsatweb.cz/http://www.jakpsatweb.cz/  Jak dobře začít s tvorbou webu - po lopatě [online]. 2006 [cit. 2012-11-03]. Dostupné z: http://polopate.jakpsatweb.cz/index.php?page=uvod http://polopate.jakpsatweb.cz/index.php?page=uvod  Tvorba webu [online]. 2003 [cit. 2012-11-03]. Dostupné z: http://www.tvorba-webu.cz/xhtml/ http://www.tvorba-webu.cz/xhtml/