|
Internet nie byłby tym, czym jest, gdyby nie hiperłącza pozwalające połączyć wiele dokumentów w jedną stronę www.
Musisz wiedzieć, że gdy klikasz w jakiś link (zakładamy, że mamy do czynienia z prostą stroną napisaną w HTML) to zostaje wczytany osobny dokument.
Załóżmy, że mamy dwa dokumenty:
`index.htm' (tak nazywa się zwyczajowo pierwszy dokument witryny www)
`kontakt.htm'
Jeśli chcemy, aby na stronie index.htm znalazł się link do strony kontakt.htm to musimy w sekcji body wstawić taki kod: <a href="/kontakt.htm" title="Skontaktuj się ze mną!">kontakt</a> Tak wyglądałby zatem cały kod z poprzedniej strony:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Moja pierwsza strona</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<body>
<h1>Witam na mojej pierwszej stronie</h1>
<p>Tu umieśc jakiś krótki wstęp.</p>
<p>Jeśli chciałbyś się ze mną skontaktować, to zajrzyj na stronę <a href="/kontakt.htm">kontaktu</a>.</p>
</body>
</html>I teraz stwórzmy plik `kontakt.htm'. Możesz albo skopiować plik `index.htm' i zmienić mu nazwę, albo stworzyć nowy plik tekstowy i nadać mu odpowiednią nazwę. Gdy już posiadasz taki plik. Otówrz geany i umieść w tym pliku taki kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Kontakt</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
</head>
<body>
<h1>Kontakt</h1>
<p> <a href="mailto:
Adres poczty elektronicznej jest chroniony przed robotami spamującymi. W przeglądarce musi być włączona obsługa JavaScript, żeby go zobaczyć.
">
Adres poczty elektronicznej jest chroniony przed robotami spamującymi. W przeglądarce musi być włączona obsługa JavaScript, żeby go zobaczyć.
- napisz</a><br>
tel. 99887766</p>
<p><a href="/index.htm">Powrót do strony głównej</a></p>
</body>
</html>W powyższym kodzie widać, że w adresie podanym w atrybucie href występuje `mailto:'. Nakazuje to przeglądarce przekierować link na program pocztowy.
W ten sposób mamy 2 oddzielne pliki: stronę główną (`index.htm') i kontakt (`kontakt.htm').
|
