HTML> ODSYŁACZE </HEAD

Transkrypt

HTML> ODSYŁACZE </HEAD
<HTML>
<HEAD>
<TITLE>ODSYŁACZE</TITLE>
</HEAD>
<BODY>
<a name="kotwica"> </a>
<br>
<br>
<H2><p ALIGN="center"> Etykiety </p>
Etykieta (zwana też zakładką lub kotwicą - ang. anchor) jest znakiem, swoistą elektroniczną zakładką,
podobną do zakładek w książce, która zaznacza <br>
jakieś miejsce w tekście. Gdy utworzymy etykietę, będziemy mogli się odwoływać nie tylko do
zawierającej ją strony, ale i do konkretnego miejsca <br>
na stronie. W ten sposób czytelnik będzie mógł natychmiast skoczyć do wskazanego punktu. <br>
Jeśli tworzymy odsyłacz do etykiety na tej samej stronie, wystarczy użyć samej nazwy etykiety. <br>
<br>
<br>
<br>
<HR size="3" color ="red">
<br>
<br>
<br>
<H2> <p ALIGN="center"> Odsyłacze </p>
Odsyłaczem jest konstrukcja, która wskazuje pewne miejsce w Internecie i pozwala skoczyć do niego
za pomocą kliknięcia na niej myszką.
Oczywiście najczęściej stosujemy odsyłacze do stron WWW. <BR>
<a href="http://2lobytom.pl" title="moja ukochana SZKOŁA" target="_blank">MOJA SZKOŁA</a>
<BR>
<BR>
<u>target - sposób otwierania zasobu: </u> <BR>
"_blank" - załadowanie do nowego okna <BR>
"_self" - do tego samego, w którym znajduje się element /domyślny sposób/ <BR>
"_top" - do pełnego oryginalnego okna <BR>
<BR>
<u>title </u> - podpowiedź
<br>
<br>
<ul style="list-style-type: square"> Szczególnym przypadkiem są odsyłacze do stron znajdujących się:
<br>
<li> w tym samym katalogu (folderze) <br>
<a href="pierwsza.html">MOJA PIERWSZA STRONA</a> <br>
<br>
<li> w katalogu podrzędnym
</Ul>
<br>
<br>
Obiektem z odsyłaczem nie musi być tekst - może być nim też grafika: <br>
<br>
<a href="foczka.html" target="_blank"> <img src="foto_1tn.jpg" alt="malutka foczka" /></a>
<br>
<br>
<br>
<HR size="3" color ="red">
<br>
<br>
<br>
<H2><p ALIGN="center"> Mapa odsyłaczy na obrazkach </p>
<CENTER><img src="odsylacz.jpg " border="2" width="156" height="134"usemap="#mapa1">
<map name ="mapa1">
<area shape="rect" coords="1, 1, 78, 67" href="1.html" title="strona 1">
<area shape="rect" coords="79, 1, 156, 67" href="2.html" title="strona 2">
<area shape="rect" coords="1, 68, 79, 134" href="3.html" title="strona 3">
<area shape="rect" coords="79, 68, 156, 134" href="4.html" title="strona 4"></map>
<br>
<br>
<br>
<HR size="3" color ="red">
<br>
<br>
<br>
<p ALIGN="center"> Wywołanie przejścia do miejsca zakotwiczenia etykiety na stronie </p>
<p ALIGN="left"> <a href="#kotwica"> <B> KLIKNIJ TUTAJ </B></a>
</p>
<br>
<br>
<br>
<HR size="3" color ="red">
<br>
<br>
<br>
<p ALIGN="center"> </p>
Ćwiczenie
<br>
<ul style="list-style-type: circle"><p ALIGN="left"> <u>Zaprojektuj samodzielnie kod HTML: </u>
<br>
<br>
<li> <p ALIGN="left"> pięciu odrębnych stron, na których znajdzie się po jednym zdjęciu zwierząt w
oryginalnym rozmiarze; <br>
<li> <p ALIGN="left"> dodaj do kodu bieżącej strony zdjęcia-miniaturki, po kliknięciu których nastąpią
przejścia do w/w stron; <br>
<li> <p ALIGN="left"> przed miniaturkami zdjęć umieść etykietę o nazwie "miniatury" ;
<li><p ALIGN="left"> z każdej strony z dużym zdjęciem powinien być możliwy powrót do strony
bieżącej (dokładnie w miejsce umieszczenia miniaturek zdjęć) <br>
poprzez kliknięcie w dowolne miejsce zdjęcia. <br>
</ul>
<br>
<br>
</BODY>
</HTML>