Tag <a> HTML

Definicja i użycie

<a> Tag definiuje hiperłącze, które umożliwia przejście z jednej strony do innej.

<a> Najważniejszym atrybutem elementu jest Atrybut hrefto wskazuje na cel linku.

Domyślnie, linki będą wyświetlane w wszystkich przeglądarkach tak:

  • Niewidoczne linki mają podkreślenie i kolor niebieski
  • Odwiedzone linki mają podkreślenie i kolor fioletowy
  • Odwiedzane linki mają podkreślenie i kolor czerwony

Może zauważyłeś, że linki na stronie CodeW3C.com mają bardzo różny wygląd od domyślnego. Możesz użyć Pseudoklasy CSS Dodaj złożone i różnorodne style do tekstowych hiperłączy.

Zobacz również:

HTML Tutorial:Łącze HTML

HTML DOM Reference Manual:Obiekt Anchor

CSS Tutorial:Styl linków

Definicje terminów

Co to jest hipertekst?

Przykłady

Przykład 1

Utwórz link do codew3c.com:

<a href="https://www.codew3c.com">Odwiedź codew3c.com!</a>

Przykład 2

Jak używać obrazów jako linków:

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="w3logo.png" width="400" height="225">
</a>

Przykład 3

Jak otworzyć link w nowym oknie przeglądarki:

<a href="https://www.codew3c.com" target="_blank">Odwiedź codew3c.com!</a>

Przykład 4

Jak połączyć się z adresem e-mail:

<a href="mailto:someone@example.com">Wyślij e-mail</a>

Przykład 5

Jak połączyć się z numerem telefonu:

<a href="tel:+8613888888888">+86 138 8888 8888</a>

例子 6

如何链接到同一页上的另一个部分：

Łącze CSS Przyciski CSS.

Określa, co ma być pobrane, gdy użytkownik kliknie na hiperłącze.
Określa URL strony, do której linkuje.
Określa język dokumentu, do którego linkuje.
Określa, dla jakiego medium lub urządzenia dokument, do którego linkuje, jest zoptymalizowany.
Określa listę URL-ów rozdzielonych spacjami, które mają być wysłane przez przeglądarkę jako POST żądania z treścią ping (w tle). Zwykle używane do śledzenia.
Określa referencje, które mają być wysłane razem z linkiem.
Określa relację między bieżącym dokumentem a dokumentem, do którego linkuje.
target
Określa, gdzie otworzyć dokument, do którego linkuje.
type Typ mediów Określa typ mediów dokumentu, do którego linkuje.

Globalne atrybuty

<a> Etiqueta obsługuje również Globalne atrybuty w HTML.

Atrybuty wydarzeń

<a> Etiqueta obsługuje również Atrybuty wydarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek wyświetli następujące wartości domyślne: <a> Element:

a:link, a:visited {
  color: (wartość wewnętrzna);
  text-decoration: underline;
  cursor: auto;
{}
a:link:active, a:visited:active {
  color: (wartość wewnętrzna);
{}

Wsparcie przeglądarki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wspierane Wspierane Wspierane Wspierane Wspierane