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/ Textové elementy

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/  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.

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/  Řá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.

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/  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ě

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/  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:

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/ 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.

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/ Pozor na křížení tagů!!!  Správně: text  Špatně: text

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/ 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

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/ 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říž

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/  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):

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/ 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."

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/  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;

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/ pevní mezera <>&©®§°÷ <>&©®§°÷ <>&©®§º÷ Tabulka číselných entit

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/  Příklad - zdrojový kódzdrojový kód  Stránka v prohlížečiprohlížeči  Textové elementy - přehledpřehled

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/  CASTRO, Elisabeth. HTML, XHTML a CSS. Brno: Computer Press, ISBN  KOSEK, Jiří. Vytváříme si domovskou stránku [online] [cit ]. Dostupné z:  JANOVSKÝ, Dušan. Jak psát web [online]. 1999, [cit ]. Dostupné z:  Jak dobře začít s tvorbou webu - po lopatě [online] [cit ]. Dostupné z:  Tvorba webu [online] [cit ]. Dostupné z: