Tvorba webových stránek II. Odkazy, obrázky, seznamy.

Prezentace na téma: "Tvorba webových stránek II. Odkazy, obrázky, seznamy."— Transkript prezentace:

1 Tvorba webových stránek II. Odkazy, obrázky, seznamy

2 Odkazy element a atribut href – udává adresu cílového dokumentu absolutní adresa – kompletní cesta, např. http://www.server.cz/slozka1/soubor.html relativní adresa – pro odkaz na soubor na aktuálním webu; není nutné psát kompletní adresu

3 Relativní adresa v odkaze pro soubor uložený ve stejné složce jako aktuální stránka: a href="jmenosouboru.html" pro soubor uložený v podsložce: a href="podslozka/jmenosouboru.html" pro soubor uložený v jiné složce: a href="../jinaslozka/jmenosouboru.html"

4 Použití elementu a Oficiální stránky matičního gymnázia uvozovky jsou povinné použití titulku Matiční gymnázium

5 Obrázky element img atribut src – udává umístění obrázku atribut alt – alternativní text element img nemá žádný obsah, zápis lze zkrátit vynecháním uzavírací části – lomítko zapíšeme na konec otevírací části formáty obrázků: jpg, gif, png

6 Použití elementu img Obrázek uložený ve stejné složce jako aktuální stránka: Obrázek uložený v jiné složce:

7 Další atributy elementu img rozměry obrázku – atributy width a height, udáváme v pixelech velikost obrázku připravujeme předem v grafickém editoru

8 Seznamy nečíslovaný seznam (odrážky) – element ul číslovaný seznam – element ol každá položka – element li

9 Nečíslovaný seznam matematika IVT fyzika matematika IVT fyzika

10 Číslovaný seznam matematika IVT fyzika 1.matematika 2.IVT 3.fyzika