Odsyłacze (linki)

Szybki hosting dla WordPressa

Odsyłacze, czyli popularne linki można podzielić na cztery kategorie:

Odsyłacze bliskie

Odsyłacze bliskie odnoszą sie do dokumentów w ramach serwisu.

<a href="omnie.html">Więcej informacji o Mnie</a>

Efektem tego przykładu będzie stworzenie odsyłacza do pliku omnie.html, gdzie podlinkowanym tekstem będzie “Więcej informacji o Mnie”.

WAŻNE! Pamiętaj, aby poprawnie podawać nazwę dokumentu, do którego się odwołujesz. W przypadku kiedy strony znajdują się na serwerach UNIX’owych, ważna jest wielkość liter. Dlatego też najlepiej będzie, jeżeli podajesz nazwy plików tylko małymi literami. Dla bezpieczeństwa unikaj też niebezpiecznych znaków, takich jak spacje i znaki lokalnego alfabetu. Stosując się do tych zasad, nie będziesz miał problemów z niedziałającymi linkami.

Odsyłacze dalekie

Odsyłacze dalekie odnoszą się do stron na innych serwisach internetowych.

<a href="https://home.pl/?utm_source=pomoc&utm_medium=pomoc_home&utm_campaign=pomoc_offer">Firma home.pl</a>

Przykład ten jest podobny do poprzedniego, jednakże ścieżka do pliku wygląda trochę inaczej. Rozpoczyna się ona od “http://”, który oznacza z jakiego połączenia będziesz korzystać – w tym przypadku będą to strony WWW. Jest jednak możliwość wskazania na inna usługę:

  • http:// – strony WWW,
  • ftp:// – serwer FTP,
  • news:// – grupy dyskusyjne,
  • telnet:// – zdalne podłączenie.

Możesz także stworzyć odsyłacz do adresu e-mail.

<a href="mailto:info@home.pl">Biuro Obsługi Klienta home.pl</a>

Po kliknięciu na taki link zostanie otworzony domyślny program pocztowy.

Odsyłacze wewnętrzne (tzw. kotwice)

Odsyłacze wewnętrzne umożliwiają nawigację wewnątrz jednego dokumentu.

 <a href="#top">Powrót do góry strony</a>

Instrukcja tworzenia kotwicy w dokumencie HTML:

  1. Definiujesz kotwicę, do której będziesz linkować. W tym celu należy wstawić kod
    <a name=”nazwa_kotwicy”>Nazwa odsyłacza</a> w odpowiednim miejscu dokumentu HTML.
  2. Wstawiasz link <a href=”#nazwa_kotwicy”>Nazwa odsyłacza</a>, który po kliknięciu przesunie okno przeglądarki do miejsca gdzie zdefiniowałeś kotwicę.
WAŻNE! Przy klikaniu na linki wewnętrzne (kotwice), przeglądarka nie przeładuje dokumentu – jedynie przesunie okno w odpowiednie miejsce.

Mapy na grafice

Czasami zachodzi potrzeba umieszczenia na obrazku więcej niż jednego odsyłacza, bądź też podlinkowania tylko wybranej części grafiki. Nie można tego zrobić przy użyciu znacznika. Istnieje za to możliwość zamapowania obrazka i ustawienia odsyłaczy do tych map.

  <img height="400" border="0" width="300" src="obrazek.jpg" usemap="#mapa" />
  <br /><map name="mapa">
  <area href="img01.html" coords="7, 10, 20, 20" shape="rectangle">
  </area>
  <area href="img02.html" coords="100, 120, 25" shape="circle">
  </area>
  <area href="img03.html" coords="241, 213, 153, 67, 138" shape="polygon">
  </area>
  </map>
  1. Wstawiasz obrazek – zauważ, że dodaliśmy parametr usemap – określa on jakiej definicji mapy będziesz używać.
  2. Otwierasz definicję mapy.
  3. Rysujesz kwadracik – opcja rectangle mówi, że będziesz rysować czworobok, dlatego też jako koordynanty podaj cztery wierzchołki figury.
  4. circle określa, że rysujesz okrąg lub elipsę. Parametry, które podajesz to współrzędne środka figury oraz promień.
  5. Jest też możliwość tworzenia nieregularnych figur. Opcja polygon pozwala na tworzenie figury poprzez łączenie liniami kolejnych punktów.
  6. Zamykasz definicję mapy.

Bezpieczny hosting dla Twojej strony WWW

Przygotowaliśmy miejsce, w którym Twoja strona WWW i poczta e-mail będą się czuły komfortowo.


  • Czy artykuł był pomocny ?
  • Tak   Nie
Szukaj
Generic filters
Tylko dokładne dopasowania
Szukaj w tytułach
Szukaj w treści
Filter by Article Categories
Najczęściej zadawane pytania
Dodatkowe narzędzia hostingu
Statystyki serwera (nowe)
Połączenie SSH
Statystyki serwera (stare)
WebFTP
Autoinstalator
Kontrola wersji (SVN)
Listy mailingowe
Poczta home.pl
Obsługa poczty webmail
Programy pocztowe
Nowa platforma home.pl
Częste pytania
Bezpieczeństwo
Instalacje
Panel klienta
Domeny
Hosting
Serwer Apache
Bazy danych
Certyfikaty SSL
Zamawianie SSL
Instalacja i konfiguracja SSL
Poczta e-mail
WordPress Hosting SSD
Dodatki od partnerów
Poprzednia platforma home.pl
Certyfikaty SSL
Zamawianie certyfikatów SSL
Konfiguracja i instalacja SSL
Panel home.pl
Informacje podstawowe
Pulpit
Usługi
Płatności
Profil
Centrum Pomocy
Operacje w Panelu home.pl
Serwery
WebFTP
Informacje podstawowe
Konfiguracja serwerów
Serwery Unix
Serwery Windows
Obsługa baz danych
phpMyAdmin (MySQL)
phpPgAdmin (PgSQL)
myLittleAdmin (MSSQL)
Sklep internetowy eSklep
Panel usługi eSklep
RODO w sklepie internetowym
Panel sklepu internetowego
Pierwsze kroki
Promocja sklepu
Sprzedaż
Pierwsze uruchomienie
Dodatki od partnerów
Asortyment
Klienci
Integracje
Inne integracje
Systemy aukcyjne
Baza produktów
Aplikacje
App store
Aplikacja mobilna
Marketing
Modyfikacja wyglądu
Dokumentacja
Dla deweloperów
Style graficzne
Inne zagadnienia
Raporty i statystyki
Zawartość
Filmy instruktażowe
Konfiguracja sklepu
Rozliczenia i dokumenty
Faktury
Zmiana danych (cesja)
Rozliczenia i płatności
Dokumenty do pobrania
Produkty i usługi
Kreator Stron WWW
eCommerce
Moduły
Ustawienia
Szablony
Nawigacja
Publikacja i dodatki
Szybki start
Prestahosting
Profesjonalne usługi IT
Certyfikaty SSL
Przywracanie danych
Udostępnienie logów
Operacje na plikach i bazach danych
WordPress
Terminal płatniczy SumUp
Wordpress hosting SSD
Domeny
Informacje podstawowe
Rejestracja / opłacanie
Konfiguracja domen
Transfer domen
Giełda domen
Dodatki do domen
Serwery VPS
Skrzynki e-mail
Microsoft Exchange
Cloud Email Xchange
Obsługa skrzynek w Panelu home.pl
Jak zarejestrować Personal email lub Business email?
Bezpieczeństwo
eKsięgowość
Reklama internetowa
Reklama Allegro Ads
Tworzenie stron WWW
Contact LEADer
Reklama banerowa Google
Zakupy Google
Google Ads (AdWords)
eKampanie Google
SEMSTORM
Pozycjonowanie
rankingCoach
Baza wiedzy
Facebook
Systemy CMS
Internet w praktyce
Przydatne programy
Konfiguracja programów FTP
Zagadnienia techniczne
.htaccess
mod_rewrite
Kursy i specyfikacje
Kurs HTML
Kurs PHP
Kurs SQL
Rejestracja usług
RODO w home.pl
English
Control Panel
Webmail
FTP
Office 365
WordPress
SSL
Aplikacje w marketplace
SimplySign
SiteLock - ochrona WWW
Dropsuite Email Backup
CCleaner
Antywirus Kaspersky
Dropbox - dysk w chmurze
Płatności PayU
Programy antywirusowe AVAST
Office 365
AVG PC TuneUp
Reklama na start
Google AdWords
Zareklamuj stronę WWW na Facebook
Cloud Email Xchange
Brand24
Microsoft OneDrive
FreshMail.pl
Tłumaczenia online
G Suite - poczta Gmail
Program prowizyjny
Acronis Backup
Informacje podstawowe
Ustawienia dodatkowe
Panel użytkownika
Panel administratora
lub