Základní škola a mateřská škola Bzenec

Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/21.2769 Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a: Mgr. Jana Presová Ověřil/a: Mgr. Jana Presová

Název výukového materiálu: Vyváříme www stránky Vzdělávací obor: výpočetní technika Tematický okruh: tvorba jednoduché webové stránky Téma: II. Nadpisy a odstavce Stručná anotace: Prezentace shrnující zásady při vytváření nadpisů a odstavců pomocí tagů na jednoduché webové stránce v poznámkovém bloku .

nejpoužívanějšítagy - příkazy: • h1 až h7 … nadpisy různé úrovně <h1> … začátek </h1> … konec • p … odstavec <p> … začátek </p> … konec

Nadpisy na www stránce • pokud nějaký text v <body> umístíme mezi tagy <h1> a </h1>, stane se z něj odstavec 1. úrovně (nejvyšší) • nadpisy začínají vždy na novém řádku, nad ním i pod ním je menší mezera • obyčejný text po nadpisu taky začíná na novém řádku • např.: <h1>můj první nadpis</h1> <h2>menší nadpis</h2>

Odstavce na www stránce obyčejný text po nadpisu – začíná vždy na novém řádku, protože nadpisy se automaticky dávají samostatně na řádek! když pomocí klávesy ENTER odsuneme text na nový řádek, na webové stránce se text nikam nepřesune a bude pokračovat za předchozím textem! i když použijeme 50x ENTER, nic se nestane a text pokračuje neustále dál v jednom kuse! ENTER tady nefunguje tak, jako ve wordu!

Vytvoření odstavce … <p> a </p> tag <p> označuje začátek odstavce tag </p> označuje konec odstavce odstavce VŽDY začínají na novém řádku, mezi jednotlivými odstavci je menší mezera příklad: <p>text umístěný mezi těmito tagy představuje jeden odstavec textu na webové stránce</p>

Jak umístit text na nový řádek? chceme-li v jednom odstavci rozdělit text na více řádků, použijeme k tomu tag <br> nebo <br/> (jeden z nich, a to podle typu kódování na stránce, ale o tom až později) většinou jej píšeme za slovo, které má být poslední na daném řádku Příklad: Jedna, dvě, <br/> Honza jde, <br/> nese pytel mouky. Pokud bychom tyto tagy nenapsali, celý text by byl na jednom řádku! S nimi bude na třech řádcích.

příklad www stránky s nadpisy a odstavci: <html> <head> <title>moje stránkas nadpisy a odstavci</title> </head> <body> <h1>Můj první nadpis</h1> <h2>Můj druhý nadpis</h2> <p>První odstavec – text bude začínat na novém řádku a bude úplně obyčejný – nezformátovaný.</p> <p>Druhý <br/>odstavec <br/>má <br/>každé <br/>slovo <br/>na <br/> novém <br/> řádku.</p> </body> </html>

Základní škola a mateřská škola Bzenec