Střední škola obchodně technická s. r. o. Název školy Střední škola obchodně technická s. r. o. Číslo projektu CZ.1.07/1.5.00/34.0624 Číslo a název klíčové aktivity 3.2 Inovace a zkvalitnění výuky prostřednictvím ICT Název DUM: VY_32_INOVACE_XIII_2_2_HTML STRUKTŮRA. Šablona číslo: XIII Sada číslo: 2 Pořadové číslo DUM: 2 Autor: Ing. Martin Mlčák
Anotace Materiál seznamuje žáky se základní strukturou HTML dokumentu. Autor Ing. Martin Mlčák Klíčová slova HTML, tagy, head,body Druh učebního materiálu Prezentace Cílová skupina Žák Stupeň a typ vzdělávání Střední odborné vzdělávání Tematická oblast Informační a komunikační technologie
HTML struktůra Tuto šablonu lze použít jako počáteční soubor pro aktualizace projektu. projektu. Oddíly Po kliknutí na snímek pravým tlačítkem myši lze přidat oddíly. Oddíly mohou pomoci uspořádat snímky nebo usnadnit spolupráci mezi více autory. Poznámky Oddíl Poznámky použijte k zadání poznámek k doručení nebo dalších podrobností pro posluchače. Tyto poznámky lze zobrazit během prezentace. Vezměte v úvahu velikost písma (důležité pro usnadnění, viditelnost, pořízení videozáznamu a online provoz). Sladěné barvy Věnujte zvláštní pozornost grafům a textovým polím. Zvažte, zda účastníci budou tisknout černobíle nebo ve stupních šedé. Provedením zkušebního tisku ověřte, zda barvy fungují správně při vytištění černobíle i ve stupních šedé. Obrázky, tabulky a grafy Vsaďte na jednoduchost: pokud je to možné, použijte konzistentní a nerušivé styly a barvy. Označte popisky všechny grafy a tabulky.
Jak začít? Nejprve si otevřeme textový editor, v našem případě Notepad++. Uložíme soubor a otevřeme si ho také v internetovém prohlížeči. Dejte pozor!!! Názvy souborů nesmí obsahovat diakritiku.
Moje první stránka - struktůra <html> <head> <title>Má první stránka</title> </head> <body> Moje první html stránka. A nějaké další texty. </body> </html>
Moje první stránka – popis 1/2 Začátek dokumentu <html> <head> <title>Název stránky</title> </head> Začátek hlavičky, ta se nezobrazuje , ale může obsahovat některé důležité údaje. Třeba titulek , údaje o kódování … Začátek a konec titulku, popisuje název stránky , může se lišit od názvu souboru Konec hlavičky
Moje první stránka – popis 2/2 Co je mezi tagy <body> se bude zobrazovat. Jedná se o tag, kterým začíná vlastní tělo dokumentu. <body> Obsah stránky. </body> </html> Konec tagu <body>. Body = z anglickéh Konec dokumentu
Úkol: Vytvoř stránku podle obrázku.
Řešení :
Použité zdroje: Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Martin Mlčák www.jakpsatweb.cz Klipart použitý v této prezentaci pochází ze stránky: http://office.microsoft.com/cs-cz/images/results.aspx?qu=html&ex=1&origin=EC010141330