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

Tvorba webových stránek II

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

Page 1: Tvorba webových stránek II

Tvorba webových stránek II.

Odkazy, obrázky, seznamy

Page 2: Tvorba webových stránek II

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

Page 3: Tvorba webových stránek II

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"

Page 4: Tvorba webových stránek II

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>

Page 5: Tvorba webových stránek II

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

Page 6: Tvorba webových stránek II

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" />

Page 7: Tvorba webových stránek II

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

Page 8: Tvorba webových stránek II

Seznamy

nečíslovaný seznam (odrážky) – element ul

číslovaný seznam – element ol

každá položka – element li

Page 9: Tvorba webových stránek II

Nečíslovaný seznam

<ul><li>matematika</li>

<li>IVT</li>

<li>fyzika</li>

</ul> • matematika

• IVT

• fyzika

Page 10: Tvorba webových stránek II

Číslovaný seznam

<ol><li>matematika</li>

<li>IVT</li>

<li>fyzika</li>

</ol> 1. matematika

2. IVT

3. fyzika