Upload
reese-morse
View
31
Download
0
Embed Size (px)
DESCRIPTION
Tvorba webových stránek II. Odkazy, obrázky, seznamy. Odkazy. element a atribut href – udává adresu cílového dokumentu absolutní adresa – kompletní cesta, např. http://www.server.cz /slozka1/soubor.html - PowerPoint PPT Presentation
Citation preview
Tvorba webových stránek II.
Odkazy, obrázky, seznamy
Odkazy
element a
atribut href – udává adresu cílového dokumentuabsolutní 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
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"
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>
Obrázky
element imgatribut src – udává umístění obrázkuatribut alt – alternativní textelement img nemá žádný obsah, zápis lze zkrátit vynecháním uzavírací části – lomítko zapíšeme na konec otevírací částiformáty obrázků: jpg, gif, png
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" />
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
Seznamy
nečíslovaný seznam (odrážky) – element ul
číslovaný seznam – element ol
každá položka – element li
Nečíslovaný seznam
<ul><li>matematika</li>
<li>IVT</li>
<li>fyzika</li>
</ul> • matematika
• IVT
• fyzika
Číslovaný seznam
<ol><li>matematika</li>
<li>IVT</li>
<li>fyzika</li>
</ol> 1. matematika
2. IVT
3. fyzika