Popis aktivit: Úvod do programování webu, pochopení jazyka HTML.
| PROGRAMOVÁNÍ - HTML |
||
| garant: M.Šimák | ||
| úroveň: | téma - úkol | kredity |
| H1 | Základní stránka | 2 |
| Vytvoř jednoduchou HTML stránku s hlavními tagy jako <html>, <head>, <title>, a <body> a nadpis pomocí tagu <h1>. | ||
| H2 | Odstavec | 1 |
| Do předchozí stránky přidej odstavec textu: Do <body> sekce stránky přidej několik odstavců textu pomocí tagu <p>. | ||
| H3 | Obrázek na webové stránce | 2 |
| Použij tag <img> k vložení obrázku. Nezapomeň na atribut src a alt. | ||
| H4 | Použití odkazu na webové stránce | |
| Přidej na stránku odkaz pomocí tagu <a>. Ujisti se, že používáš atribut `href`. | 1 | |
| Totéž, ale odkaz aplikuj na obrázek nebo logo na stránce. | 1 | |
| H5 | Seznam na stránce | 1 |
| Vytvoř nečíslovaný seznam pomocí tagů <ul> a <li> a číslovaný seznam pomocí tagů <ol> a <li>. | ||
| H6 | Tabulka | 2 |
| Nauč se vytvářet tabulky pomocí tagů <table>, <tr>, <th>, a <td>. | ||
| Vytvoř tabulku s několika řádky a sloupci a dej do ní nějaký textový obsah. | ||
| H7 | Formulář | 2 |
| Vytvoř jednoduchý formulář pomocí tagů <form>, <input>, <label>, a <button>. Formulář může obsahovat pole pro zadání jména a tlačítko pro odeslání. | ||
| H8 | Video | 1 |
| Vlož do stránky video pomocí tagu <video> a atributů `src` a `controls`. | ||
| H9 | Kotva a interní odkaz | 1 |
| Přidej kotvu na stránku pomocí tagu <a> s atributem `name` a vytvořte interní odkaz, který na ni odkazuje. | ||
| H10 | Celková webová stránka | 5 |
| Sestav jednu celou jednoduchou webovou stránku, která bude obsahovat alespoň 5 z dříve použitých funkcí a příkazů. | ||