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>