Gazeta Internetowa - numer 9./title> </head> <body bgcolor="#996666" text=black><table width=100%> <center><font color="#E8C48F" size=7> <strong>Gazeta Internetowa</strong> </font></center></table> <table border="0" width="100%" cellspacing="7" cellpadding="7"> <tr> <td width="100%" bgcolor="#E8C48F"> <table border="0" cellspacing="10" cellpadding="10"> <tr> <td valign="top"><p align="justify"> <center> <h3> HTML - cz. 6. - Linki </h3> </center> <a name="start"> <h3> Użycie odsyłaczy hipertekstowych </h3> Charakterystyczne dla dokumentów HTML jest użycie odsyłaczy. Stosowane są do następujących celów: <ul> <li> wykonanie skoku do innego miejsca w dokumencie <li> ściągnięcie innego dokumentu (z ewentualnym przemieszczeniem do innego miejsca w dokumencie niż na początek) <li> ściągnięcie pliku (z zapisem lub odtworzeniem) </ul> Poznaliśmy już pewne zastosowanie odsyłaczy. Znacznik <b><img></b> w swoim parametrze <b>src</b> posiada wskazanie na plik zawierający obrazek. Obrazek ściągnięty jest natychmiast w trakcie ładowania dokumentu (w internecie trwa to troche dłużej). Język HTML posiada znacznik umożliwiający wykonanie jednej z wyżej wymienionych operacji jako reakcję na stukniecie myszką w wyróżnione miejsce. Służy do tego znacznik <b><A..></b>. <p> Najprostsze użycie znacznika wygląda następująco: <pre> Stuknięcie myszą w <A href="#start">start</a> spowoduje skok na początek dokumentu </pre> Użyty tak znacznik w dokumencie powoduje wyróżnienie tekstu (lub rysunku pomiędzy znacznikami). Wyróżniony tekst jest podkreślony i posiada inny kolor (ustawiony parametrem link znacznika body). Stuknięcie myszą w obszar pomiędzy znacznikami powoduje wykonanie skoku wewnątrz dokumentu jak pokazane jest to w następnym zdaniu. <i> Stuknięcie myszą w <a href="#start">start</a> spowoduje skok na początek dokumentu</i>. <p> Podstawowym parametrem znacznika jest <b>src</b>. Jeżeli pierwszym znakiem adresu jest <font size=+1><b>#</b></font> przeglądarka znacznik taki traktuje jako instrukcje skoku wewnątrz dokumentu. Za znakiem <font size=+1><b>#</b></font> znajduje się nazwa miejsca skoku. Do kompletu brakuje tylko jak zdefiniować miejsce, do którego wykonywany jest skok. Tak jak poniżej: <pre> <A name="start"> </pre> Ta forma znacznika nie jest parzysta. Nie piszemy też znaku <font size=+1><b>#</b></font>. Przeglądarka prawidłowo zinterpretuje taki znacznik. <p> Druga forma użycia znacznika to ściągnięcie innego dokumentu. Znacznik używamy jak poprzednio np.: <pre> <A href="#druga.htm">druga strona</a> </pre> oczywiście bez znaku <font size=+1><b>#</b></font>. Jeżeli dokument znajduje się w tym samym miejscu (serwerze, katalogu) co bieżący lub miejscu wskazywanym znacznikiem <b> <base ...> </b>wystarczy podać tylko nazwę pliku, w przeciwnym także nazwę katalogu, a nawet jeżeli to potrzebne to nazwę serwera (jeżeli jest inny) i nazwę protokołu (także jeżeli jest inny niż bieżący). Ogólnie nazwa może wyglądać następująco: <pre> nazwa_protokołu//nazwa_serwera/nazwa_katalogu/nazwa_pliku </pre> Objaśnienie: <ul> <li> Nazwa protokołu transmisji może być jedna z następujących: http:, ftp:, news:, gopher:, telnet:. Zazwyczaj stosowany do stron WWW jest http: i w większości wypadków można go pominąć. W celu wskazania, że plik ściągany będzie nie z sieci, a z dysku w miejscu protokołu należy wpisać file:. Nie ma takiego wymagania, jeżeli aktualny plik dokumentu ściągnięty został z dysku. <li> Nazwa serwera składa się z ciągu słów oddzielonych kropkami, np. WWW.ONET.PL. <li> Nazwę katalogu stosujemy podobnie jak w systemie DOS / Windows jednakże zamiast znaku <font size=+1><b>\</b></font> stosujemy <font size=+1><b>/</b></font>, tak jak przyjęto to w systemie UNIX. <li> Nazwa dokumentu to nazwa naszego pliku. Jeżeli nazwa zostanie pominięta przeglądarka ściąga zazwyczaj plik index.htm lub index.html ze wskazanego katalogu. </ul> Tak zbudowany odsyłacz używamy we wszystkich znacznikach zawierających odsyłacze, a więc także we wcześniej poznanych <b>base</b>, i <b>img</b>. Pisząc odsyłacze musimy jeszcze zwrócić uwagę na dwie rzeczy. <ul> <li> należy się upewnić jak działają duże i małe litery na serwerze do którego wskazują odsyłacze. Wskazanie może zostać niezrealizowane jeżeli serwer odróżnia małe i duże litery i plik np. nazywa się drugi.htm, a we wskazaniu napisano DRUGI.HTM. <li> nie ma też pewności, czy prawidłowo będą działać wskazania na pliki o dłuższych nazwach. </ul> Wątpliwości należy rozwiać u administratora serwera lub metodą prób i błędów. <p> Formą łączącą dwa powyższe sposoby adresowania jest następujący przykład: <pre> <A href="drugi.htm#start">start drugiego</A> </pre> W tym przypadku zostanie ściągnięty dokument drugi.htm i wykonany zostanie skok do miejsca zdefiniowanego jako start. Znak <font size=+1><b>#</b></font> rozdziela adres pliku i nazwę miejsca skoku. <p> Trzecia forma znacznika używana jest w celu ściągnięcia pliku z serwera i wygląda identycznie jak druga. Działanie jest różne dla różnego rodzaju przeglądarek i różnego rodzaju plików. <pre> <A href="http://ftp.serwer.com/plik.zip">ściągnięcie</A> </pre> W tym przykładzie po stuknięciu myszą w słowo <b> ściągnięcie</b> w przypadku Internet Explorera wyświetlone zostanie okno dialogu z pytaniem <i> Otwórz ten plik z bieżącej lokalizacji </i> lub <i> zapisz ten plik na dysku </i>. Podobne pytania wyświetlą się także w Netscape. W przypadku pliku typu GIF plik po prostu zostanie ściągnięty w miejsce bieżącej strony. <p> Znacznik <b> <A ...> </b> może mieć następujące parametry: <ul> <li> HREF - wskazanie na wywoływany obiekt <li> NAME - określenie w dokumencie miejsca skoku <li> TARGET - wskazanie do której ramki ładować ściągnięty dokument (użyte przy stosowaniu dokumentów tworzonych za pomocą znaczników <b>frame</b>) <li> TITLE - opis adresu <li> REL, REV - opis relacji pomiędzy kotwicą, a HRF. </ul> </p> <p align="right"> K. G. Stoler <a href="mailto:stoler@kr.onet.pl" onMouseOver="window.status='Wyslij list do autora'; return true" onMouseOut="window.status=' '; return true"> <font face="Arial">stoler@kr.onet.pl</font></a></font></p> <p align=left><font size=2> <a href="numer9.htm" onMouseOver="window.status='Spis tresci'; return true" onMouseOut="window.status=' '; return true">[spis treści]</a> </font></p> </td> </tr> </table> </td> </tr> </table> <table border="0" width="100%" cellspacing="7" cellpadding="7"> <tr> <td width="100%" bgcolor="#E8C48F"> <hr width="70%"> <p align="center"> <big><strong>Podoba Ci się ta Gazeta ? Zachęć do prenumeraty swoich znajomych ! </strong></big> <hr width="30%"> </td> </tr> </table> </body> </html>