© Vladimír Očenášek1/34 HTML. První seznámení už proběhlo v zimním semestru!!! Nevěříte? Připomenutí přednášky č.10 – autor ing. Šimek © Vladimír Očenášek2/34.

Prezentace na téma: "© Vladimír Očenášek1/34 HTML. První seznámení už proběhlo v zimním semestru!!! Nevěříte? Připomenutí přednášky č.10 – autor ing. Šimek © Vladimír Očenášek2/34."— Transkript prezentace:

1 © Vladimír Očenášek1/34 HTML

2 První seznámení už proběhlo v zimním semestru!!! Nevěříte? Připomenutí přednášky č.10 – autor ing. Šimek © Vladimír Očenášek2/34

3 © Vladimír Očenášek3/34 html hyper text markup language hypertextový značkovací jazyk jazyk určený k tvorbě webových stránek

4 značky strukturní, sémantické (významové) párové, nepárové © Vladimír Očenášek4/34

5 © Vladimír Očenášek5/34 párové značky – počáteční značka –ukončovací značka např. text Zahradnictví má být v prohlížeči zobrazen tučně Zahradnictví

6 další ukázka párové značky text tvoří odstavec (v angl. paragraf) Nějaký text aaaa bbbb ccccccc dd eeeee ffffff a ještě nějaký text. text odstavce bude od ostatních textů vertikálně odsazen (podobně jako ve Wordu mezery před a za odstavcem) © Vladimír Očenášek6/34

7 nepárové značky např. potřebujeme tzv. měkké ukončení řádku (zalomení řádku uvnitř odstavce) © Vladimír Očenášek7/34

8 © Vladimír Očenášek8/34 kde vytvoříme html dokument? 1.např. v programu poznámkový blok zapíšete příslušný kód 2.soubor uložte s příponou html 3.soubor otevřete v prohlížeči

9 © Vladimír Očenášek9/34 hlavní struktura html stránky

10 © Vladimír Očenášek10/34 Má první stránka na PEF Nějaký text aaaa bbbb ccccccc dd eeeee ffffff a ještě nějaký text.

11 © Vladimír Očenášek11/34 zapište do Poznámkového bloku a uložte pod názvem příklad s příponou html otevřete v prohlížeči

12 Zobrazit v prohlížeči zvětšit či zmenšit okno…..mění se zarovnání textu © Vladimír Očenášek12/34

13 © Vladimír Očenášek13/34 tvorba nadpisů

14 © Vladimír Očenášek14/34 nadpis 1 úrovně nadpis 2 úrovně v html existuje 6 úrovní (viz příklad_6.html)

15 © Vladimír Očenášek15/34

16 © Vladimír Očenášek16/34

17 © Vladimír Očenášek17/34 nečíslovaný seznam

18 © Vladimír Očenášek18/34 vyzvednout poštu vytřít koupelnu domluvit kočce vyměnit disk u notebooku

19 © Vladimír Očenášek19/34

20 © Vladimír Očenášek20/34 číslovaný seznam

21 © Vladimír Očenášek21/34

22 © Vladimír Očenášek22/34

23 A nyní v programu Bluefish viz učení opora 4 © Vladimír Očenášek23/34