Tvorba webových stránek II.

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 <a href="http://www.mgo.cz">Oficiální stránky matičního gymnázia</a> • uvozovky jsou povinné • použití titulku <a href="http://www.mgo.cz" title="Oficiální stránky matičního gymnázia v Ostravě">Matiční gymnázium</a>

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: <img src="obrazek.jpg" alt="popis obrázku" /> • Obrázek uložený v jiné složce: <img src="slozka/obrazek.jpg" alt="popis obrázku" />

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 <ul> <li>matematika</li> <li>IVT</li> <li>fyzika</li> </ul> • matematika • IVT • fyzika

10. Číslovaný seznam <ol> <li>matematika</li> <li>IVT</li> <li>fyzika</li> </ol> • matematika • IVT • fyzika