NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov AUTOR: Ivana Mačková NÁZEV: VY_32_INOVACE_SADA5_INF.9.09 TÉMA: HTML – struktura dokumentu, barvy ČÍSLO PROJEKTU: CZ.1.07/1.4.00/21.2609
Anotace Materiál HTML – struktura dokumentu, barvy Vzdělávací obor Informatika Tematický okruh HTML – tvorba www stránek Anotace Výukový materiál slouží k vysvětlení struktury html dokumentů k vytváření webových stránek. Očekávaný výstup Žák získá poznatky o html dokumentu, jeho částech, příkazech, barvách na webu a na jejich základě vytváří jednoduché html dokumenty; výsledky své práce ověřuje pomocí internetového prohlížeče. Druh učebního materiálu Prezentace Stupeň a typ vzdělávání Základní vzdělávání – druhý stupeň, 9. ročník
HTML, STRUKTURA DOKUMENTU, BARVY HTML – HyperText Markup Language je jazyk pro tvorbu www stránek obsahuje slova -TAGY (značky), které umožňují dát význam vlastnímu obsahu stránky a dokument částečně formátují TAGY Píšeme je do lomených závorek < a >. Pravý ALT + ? = < Pravý ALT + . = > Dělíme je na párové a nepárové.
PÁROVÉ A NEPÁROVÉ TAGY Párový tag – má začátek a konec Např.: <html> - začátek </html> - konec (v závorce je jako první lomítko) 2. Nepárový tag – neukončuje se Např.: <br> Tagy budeme psát malými písmeny. Každý HTML dokument má svoji danou strukturu. HTML dokumenty budeme vytvářet v poznámkovém bloku.
STRUKTURA HTML DOKUMENTU Základní struktura vypadá přibližně takto: <html> <head> <title>Název stránky v titulkovém pruhu</title> </head> <body> </body> </html> začátek HTML dokumentu hlavička tělo konec HTML dokumentu
barva právě použitého odkazu barva navštíveného odkazu TAG <body> Pomocí tohoto tagu zadáváme barvu pozadí stránky, obrázek na pozadí, barvu odkazů, textu, navštívených odkazů a právě použitých odkazů. <body background="..." bgcolor="..." text="..." link="..." vlink="..." alink="..."> obrázek na pozadí barva pozadí barva textu barva odkazu barva právě použitého odkazu barva navštíveného odkazu Barvu můžeme psát anglickým názvem nebo v jejím kódu.
HTML - BARVY Pro přehled barev, které můžeme použít při tvorbě www stránek, můžeme použít např. odkaz http://www.jakpsatweb.cz/archiv/barvy-pojmenovane.html.
VYTVOŘENÍ HTML DOKUMENTU – BAREVNÉ POZADÍ Napišme tento HTML dokument. Barvu pro pozadí si zvolte.
Soubor uložíme: název souboru musí obsahovat příponu .html Uložit jako typ – zvolíme možnost Všechny soubory Soubor otevřeme v internetovém prohlížeči a toto je výsledek.
<body background="tapeta.jpg"> POZADÍ - OBRÁZEK Místo barvy pozadí nyní nastavíme obrázek – může to být tzv. tapeta (uložíme si ji do počítače). Použijeme atribut background. <body background="tapeta.jpg">
Citace Ilustrace: Kopie obrazovek programu Poznámkový blok – vlastní tvorba autora www.office.microsoft.com www.office.microsoft.com