Lekcja: jak utworzyć link w HTML?

Zanim utworzysz link w HTML, musiszdowiedzieć się, co to jest i jakie one są. Każdy link zaczyna się od tagu <a> i jest zamykany tagiem </a>. Użytkownik wyświetla tylko to, co jest zawarte między tymi tagami. Przeglądarka nie wyświetla samego linku. Można to zobaczyć, umieszczając kursor na pasku stanu.

Wszystkie linki mogą być podzielone według różnych kryteriów i typów. Na przykład możesz podzielić linki według celu:

• w ramach dokumentu;
• do innej strony internetowej;
• na różnych plikach;
• na adresy pocztowe.

Ponadto, 2 i 3 elementy można podzielić na adresy bezwzględne i względne. O tym trochę później. Rozważmy teraz najprostszy przypadek.

Jak w HTML utworzyć link? Aby to zrobić, możesz otworzyć notatnik lub dowolny inny edytor i nadpisać powyższy kod.

Wynik jest następujący.

Z czego składa się link?

Pamiętaj, że każdy link jest wymagany:

• otwieranie i zamykanie tagu;
• tekst linku;
• atrybut href, który określa adres, na który użytkownik zostanie wysłany.

Pozostałe atrybuty są opcjonalne. Używam ich według własnego uznania.

Jak widać, na pierwszej ilustracji pokazano strony z linkami / about.html. To jest względne odniesienie. Na powyższym rysunku link zaczyna się od http: //. W tym przypadku używane jest odniesienie bezwzględne.

Jeśli nie określisz znacznika zamykającego, wtedy wszystkieNastępny będzie również kontynuacją tego linku. Bądź ostrożny. Podczas pisania kodu natychmiast umieść znacznik otwierający i zamykający. Więc jest bezpieczniej.

Jak zrobić zdjęcie linkiem w HTML?

Zamiast tekstu w tagach <a> ... </a> możesz określić obrazy. Oznacza to, że jeśli użytkownik kliknie obraz, kliknie na twój link.

Ta metoda jest często używana. Zwłaszcza w menu na pięknych stronach. Projektanci makijażu zawsze myślą, jak utworzyć link do strony w HTML przed stworzeniem projektu strony internetowej. Dokładniej, w jakiej formie to wszystko się robi. W trakcie są wszystkie sposoby, które posiada mistrz stron internetowych. Będziemy wyglądać trochę dalej.

Jak w HTML utworzyć link do pliku?

W atrybucie href można określić odwołania do plików. Zwykle dzieje się tak, gdy podasz link do pobrania pliku (archiwum, film, muzyka, książka, plik tekstowy itd.).

Innymi słowy, możesz podać wszystko w adresie. Jeśli nie jest to strona internetowa, przeglądarka spróbuje ją pobrać.

Referencje wewnętrzne

Z pewnością odwiedziłeś chociaż raz"Wikipedia". Istnieje treść artykułu. Kliknięcie elementu powoduje przejście do odpowiedniego pod-nagłówka. Takie łącza są nazywane referencjami w dokumencie lub zakładkach.

Jak w HTML utworzyć link na stronie?

To bardzo proste. W tekście określamy linki z atrybutem <a>, ale nie określamy href. Musisz napisać atrybut name i określić unikalną nazwę w dokumencie. A w miejscu, w którym określasz odniesienia do tych notatek w dokumencie, w atrybucie href najpierw napiszmy kratę, a następnie tę unikalną nazwę.

Gdy przeglądarka widzi adres symbol #, on rozumie, że trzeba odwołać się do elementu w tym samym dokumencie.

Linki do wiadomości e-mail

Czasami musisz podać link do e-maila. Możesz to zrobić.

Po kliknięciu tego linku od użytkownikazostanie otwarta aplikacja do zarządzania pocztą. Zwykle jest to standardowy program Outlook. Ale ten program zwykle nie jest dostosowywany. Dlatego zwykle adres e-mail jest po prostu wskazany w formie tekstu.

Atrybuty

Jeśli wiesz, jak utworzyć link w HTML, zaleca się zbadanie pozostałych atrybutów tagu <a>. To bardzo ważna informacja. Rozważ najbardziej podstawowe:

• Atrybut title - tworzy podpowiedź po najechaniu kursorem na link. Jest to bardzo wygodne. Dzięki temu możesz podać dodatkowe informacje dla użytkownika.
• Atrybutem docelowym jest miejsce, w którym zostanie załadowany nowy dokument (strona internetowa). Mogą to być następujące wartości:
  • _blank - otworzy się nowe okno przeglądarki;
  • _self - otwarcie w bieżącym oknie, jest to wartość domyślna, nie jest konieczne jej określanie;
  • _parent - ładowanie do ramki nadrzędnej, jeśli jej nie ma, atrybut przyjmuje wartość;
  • _top - Anuluje wszystkie klatki i ładuje stronę do pełnego rozmiaru przeglądarki. Jeśli nie ma ramek, to istnieje analogia z _self.
• Atrybut pobierania. Dzięki niemu możesz wymusić pobranie pliku określonego w atrybucie href. Ten parametr nie ma wartości. Wspominamy tylko o <a href="img/photo.jpg"> Link do pliku </a>. Jeśli nie określisz przeglądarka po prostu otwiera zdjęcie. W takim przypadku zostanie pobrany na komputer.

Projektowanie linków

Jeśli rozumiesz, jak zrobić odniesienie do obrazu wHTML, pożądane jest, aby zadbać o to, aby wyglądało normalnie. Domyślnie wokół obrazu, który jest łączem, pojawia się ramka. Wygląda szorstko i brzydko. Ponieważ jego grubość wynosi 3 piksele.

Że tak nie było, konieczne jest określenie granicy = "0". Oznacza to, że granica będzie wynosić zero. Oto link z obrazka będzie wyglądał ładnie i do zaakceptowania. W przeciwnym razie przestraszysz wszystkich odwiedzających stronę.

Wniosek

Linki, na pierwszy rzut oka, są bardzo prostym tagiem. Ale jeśli pójdziesz głębiej i rozważysz wszystkie rodzaje powiązań i atrybutów, okaże się, że nie wszystko jest takie proste i bezchmurne.

Pamiętaj, że linki są szkieletem World Wide Web. Bez nich to by nie istniało.

</ p>