03. HTML - obrázky a odkazy
Přidal/a Jarda dne January 09 2011 17:24:47
Odkaz je zvýrazněná část stránky, za kterou se skrývá adresa odkazu (URL)


odkaz na určitou část aktuální stránky:
Př:
jak je vidět z přiložené <A HREF="#Prodej">tabulky</A>

Mezi <A...>a</A> je část textu, pod kterou se skrývá odkaz - v HTML dokumentu vyznačen jinou barvou

<A NAME="Prodej">Tabulka prodeje za uplynulé čtvrtletí

Mezi <A...> a </A> je návěští odkazu
odkazy na jiný dokument HTML
Př:
a) odkaz na dokument ve stejné složce (adresáři)
<A HREF="priklad3.htm">vodové</A>
b) odkaz na jiné www stránky
<A HREF="http://obchod.vytvarnepotreby.cz">prodej</A>
Vkládání obrázků
Př:
<P><IMG SRC="chemie.gif" ALT="Chemické nádoby">
atributy obrázků - ALIGN (=LEFT, RIGHT)
Př:
<P><IMG SRC="chemie.gif" ALIGN=LEFT ALT="Chemické nádoby">
atributy - WIDTH a HEIGHT (požadovaná šířka a výška obrázku v pixelech)
Př:
<P><IMG SRC="rukabila.gif" ALIGN=LEFT ALT="Ruka" WIDTH="100" HEIGHT="70" >
obrázek může být i odkazem a mít rámeček
Př:
<P><A HREF="priklad.htm"><IMG SRC="rukabila.gif" ALIGN=LEFT ALT="Ruka"
WIDTH="100" HEIGHT="70" BORDER=10></A></P>
Úkol:
1. Ze serveru naší školy (P:IVT/Veřejné/html/html1) uložte do na svůj disk celou složku HTML, otevřete v prohlížeči soubor index.htm a změnami ve zdrojovém kódu upravujte vzhled dokumentu,pozorujte, co změny v dokumentu způsobí.
(ty samé soubory najdete také na tomto webu - index.htm, priklad.htm, chemie.gif, pastel.jpg, rukabila.gif )