: Home / HTML / CSS / kurs HTML / Hiperłącza

Warning: file_get_contents(http://graph.facebook.com/http://youthcoders.net/html-css/kurs-html/14-hiperlacza.html): failed to open stream: HTTP request failed! HTTP/1.0 403 Forbidden in /var/www/old-yc/plugins/content/addthis.php on line 38
Hiperłącza
Ocena użytkowników: / 0
SłabyŚwietny 
Wpisany przez Patryk yarpo Jar   
piątek, 18 września 2009 02:35

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').

Tags:
 

Dodaj komentarz


Kod antysapmowy
Odśwież