HTML (II) (3)

Projekt: CZ.1.07/1.5.00/34.0745 OAJL - inovace výuky Příjemce: Obchodní akademie, odborná škola a praktická škola pro tělesně postižené, Janské Lázně, Obchodní 282 Tento projekt je financován Evropskou unií – Evropským sociálním fondem a státním rozpočtem ČR. Autor: Mgr. Josef Kulhavý Předmět: Informační technologie

Obsah 1 Odkaz v HTML kódu 2 Odkaz – relativní adresa 3 4 Odkaz – relativní adresa 5 Odkaz – absolutní adresa 6 Obrázek 7 Obrázek 8 Obrázek jako odkaz 9 Vložený obsah 10 Vložený obsah – youtube.com

Odkaz v HTML kódu Párový tag <a> 1 Párový tag <a> V tagu je nutné uvést parametr href a jeho hodnotu jako absolutní nebo relativní adresu místa, které má být dostupné po kliknutí. Odkaz by neměl „viset“ ve vzduchu – měl by být součástí například odstavce. Vzorový příklad odkazu: <p><a href=“odkaz.htm“>Popis odkazu</a></p>

Odkaz – relativní adresa 2 Použijeme v případě, že odkazovaný dokument je umístěn na stejném serveru. Odkaz je vlastně cestou od aktuálního dokumentu k odkazovanému dokumentu. Stejná složka <a href=“strana2.htm“>2. stránka</a>

Odkaz – relativní adresa 3 Podsložka odsud sem (do vnořené složky) <a href=“houby/muchomurka.htm“>Muchomurka</a>

Odkaz – relativní adresa 4 Nadřízená složka odsud sem (do nadřízené složky) Přechod k nadřízené složce vyjadřujeme dvěma tečkami: .. <a href=“../index.htm“>Můj les</a>

Odkaz – absolutní adresa 5 Použijeme v případě, že odkazovaný dokument je umístěn na jiném serveru (pod jinou doménou) Nutné uvést adresu včetně internetového protokolu Nejčastěji http:// <a href=“http://www.oajl.cz/fotogalerie“>Fotogalerie OA</a>

Obrázek Nepárový tag <img> 6 Nepárový tag <img> V tagu je nutné uvést parametr src a jeho hodnotu zadat jako adresu (relativní nebo absolutní cestu) obrázku. Dále je možné parametrem title zadat popis obrázku, který se ukáže při přejetí myší nad obrázkem <img src=“obrazek.jpg“ title=“Popis obrázku“>

Obrázek 7 Příklad řešení obrázku na webovém serveru

Obrázek jako odkaz Z obrázku lze vytvořit odkaz 8 Na jinou stránku se přesuneme po kliknutí na obrázek Na místo textu vložíme obrázek <a href=“http://www.tulipany.cz“> <img src=“tulipan.jpg“ title=“Tulipany“> </a>

Vložený obsah 9 Obsahem webových stránek může dnes být téměř cokoli. Poskytovatelé obsahu většinou nabízejí možnost, jak vložit tento obsah do vlastních stránek. Většinou je vygenerována část HTML kódu, kterou je třeba vložit do webové stránky.

Vložený obsah – youtube.com 10

Použité zdroje http://penzioncelnica.cz/wp-content/uploads/mapa_webu.jpg http://pixabay.com/static/uploads/photo/2013/01/10/14/23/tulip-74536_640.jpg?i http://www.oajl.cz/index.php?stranka=fotogalerie&segment=fotografie&fotogalerie=236 http://www.youtube.com/watch?v=t5HyZqQPrS0