Obrázky, odkazy
V lekci tohoto tématu se poprvé setkáme s externími zdroji používanými v kódu HTML - s obrázky, naučíme se též vytvářet spojení mezi soubory pomocí odkazů.
V následujícím cvičení si ukážeme roli odkazů při vytváření větších vzájemně provázaných celků webových stránek.
Cvičení - odkazy
Vytvořte nový soubor, uložte ho ke svým ostatním souborům z minulých cvičení, pojmenujte ho index.html.
V tomto novém souboru sestavte odrážkový seznam, v němž budou odkazy na soubory HTML vytvořené v předchozích cvičeních. Stránku opatřete rovněž hlavním nadpisem, popř. dalšími informacemi podle vlastního uvážení.
Může to dopadnout např. takto:
Moje cvičení v HTML
- Základy značkování
- Základy online výuky
- Seznamy - cvičení
- Tabulky - cvičení
Do všech souborů, které jste takto navázali na index, vložte zpětné odkazy na index.html, např.
Cvičení - obrázky
Vkládání obrázků si procvičíme při sestavování tabulky s obrázky a jednoduché obrázkové galerie, v níž navíc uplatníme odkazy.
Pro inspiraci přikládám komentovanou tabulku stylů, kterou můžete porovnat se svým návrhem formátování galerie obrázků.
Cvičení – rozsáhlejší stránka s obrázky