© 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
© Vladimír Očenášek3/34 html hyper text markup language hypertextový značkovací jazyk jazyk určený k tvorbě webových stránek
značky strukturní, sémantické (významové) párové, nepárové © Vladimír Očenášek4/34
© 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í
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
nepárové značky např. potřebujeme tzv. měkké ukončení řádku (zalomení řádku uvnitř odstavce) © Vladimír Očenášek7/34
© 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
© Vladimír Očenášek9/34 hlavní struktura html stránky
© 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.
© 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
Zobrazit v prohlížeči zvětšit či zmenšit okno…..mění se zarovnání textu © Vladimír Očenášek12/34
© Vladimír Očenášek13/34 tvorba nadpisů
© Vladimír Očenášek14/34 nadpis 1 úrovně nadpis 2 úrovně v html existuje 6 úrovní (viz příklad_6.html)
© Vladimír Očenášek15/34
© Vladimír Očenášek16/34
© Vladimír Očenášek17/34 nečíslovaný seznam
© Vladimír Očenášek18/34 vyzvednout poštu vytřít koupelnu domluvit kočce vyměnit disk u notebooku
© Vladimír Očenášek19/34
© Vladimír Očenášek20/34 číslovaný seznam
© Vladimír Očenášek21/34
© Vladimír Očenášek22/34
A nyní v programu Bluefish viz učení opora 4 © Vladimír Očenášek23/34