Pomoc - Zarządzanie informacją
Spis paragrafów >> Odsyłacze << Powrót
<< Poprzedni Następny >>
86.8. Odsyłacze
Wygląd odsyłaczy (linków) określa oczywiście arkusz stylów. Wstawiamy je podobnie jak w HTML
Trudno wyobrazić sobie stronę WWW bez odnośników. Do umieszczania ich w dokumentach służy znacznik <a> z parametrem href. Zawiera on adres dokumentu, do którego ma odsyłać:
Fragment kodu strony | Fragment widoku w przegladarce |
<p> Zwracam uwagę ma element zawarty w tekście. <br /> <a href=”przyklad.html”> W tym miejscu jest kolejny odnośnik (link) </a>. <br /> Jak będzie coś ciekawego, to zwrócę Wam <br /> uwagę na to <i>*tekstem pochylonym*</i>.<br /> </p> |
Zwracam uwagę ma element zawarty w tekście. |
Odnośnik do pliku => |
[odnośnik]>> |
Po kliknięciu napisu W tym miejscu jest kolejny odnośnik zostanie wczytany dokument o nazwie przykład.html. Parametr href może też zawierać pełny adres strony lub lokalizację względem strony bieżącej, np.:
<p> Zwracam uwagę ma element zawarty w tekście.> <br /> <a href="http://informatyka.edu.pl"> W tym miejscu jest odnośnik do strony WWW.</a> <br /> </p> |
Zwracam uwagę ma element zawarty w tekście. |
Odnośnik do pliku => |
[odnośnik]>> |
Często stosowanym odsyłaczem jest konstrukcja pozwalająca czytelnikowi strony wysłać do jej autora (lub jakiejkolwiek innej osoby) pocztę elektroniczną. Może on być zdefiniowany następująco:
<p> Tu jest kolejny odnośnik w tekście. <br /> <a href="mailto:Nikodem.Kropka@o2.pl"> Wyślij list do autorów strony </a> <br /> </p> |
Tu jest kolejny odnośnik w tekście. |
Odnośnik do pliku => |
[odnośnik]>> |
Możesz dodatkowo wstawić obrazek jako przycisk. Tekst stanowiący odnośnik zastąp definicją wstawiania grafiki.
<p> Tu jest odnośnik do wysyłania poczty. <br /> <a href="mailto:Nikodem.Kropka@o2.pl"> <img src="poczta.png" /> </a> <br /> </p> |
|
Odnośnik do pliku => |
[odnośnik]>> |
Odnośniki dodają grafice niebieską ramkę, dlatego trzeba wstawić do definicji parametr border="0", aby się jej pozbyć.
<p> Tu jest odnośnik do wysyłania poczty. <br /> <a href="mailto:Nikodem.Kropka@o2.pl"> <img src="poczta.png" border="0" /> </a> <br /> </p> |
|
Odnośnik do pliku => |
[odnośnik]>> |
- Odsyłacze >>
Kurs na CD – [odnośnik]>>
Kurs P. Wimera – [odnośnik]>>
Sprawdź jeszcze, jak wyglądają przedstawione powyżej fragmenty kodu w pliku przykładowym – [odnośnik do pliku odsylacze.html]>>
<< Powrót [Do góry]