HTML <a> 태그

정의와 사용법

<a> 태그는 페이지에서 페이지로 링크하는 데 사용되는 슈퍼링크를 정의합니다。

<a> 요소에서 가장 중요한 속성은 href 속성链接的目的地指示。

기본적으로, 링크는 모든 브라우저에서 다음과 같이 표시됩니다:

  • 아직 방문하지 않은 링크는 underline와 blue로 표시됩니다.
  • 이미 방문한 링크는 underline와 purple로 표시됩니다.
  • 현재 방문 중인 링크는 underline와 red로 표시됩니다.

CodeW3C.com 사이트 내의 링크는 기본 링크와 매우 다릅니다. 다음을 사용할 수 있습니다: CSS 가상 클래스 텍스트 슈퍼링크에 복잡하고 다양한 스타일을 추가합니다.

또한 참조:

HTML 교본:HTML 링크

HTML DOM 참조 문서:Anchor 객체

CSS 교본:링크 스타일

용어 설명

超텍스트는 무엇인가요?

예제

예제 1

codew3c.com을 가리키는 링크를 만드세요:

<a href="https://www.codew3c.com">codew3c.com 방문!</a>

개인적으로 시도해 보세요

예제 2

이미지를 링크로 사용하는 방법:

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

개인적으로 시도해 보세요

예제 3

새 브라우저 창에서 링크를 엽니다:

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

개인적으로 시도해 보세요

예제 4

이메일 주소에 연결하는 방법:

<a href="mailto:someone@example.com">이메일 보내기</a>

개인적으로 시도해 보세요

예제 5

전화 번호에 연결하는 방법:

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

개인적으로 시도해 보세요

<a href="#section2">第二章으로 이동하기</a>

개인적으로 시도해 보세요

<a href="javascript:alert('Hello World!');">JavaScript에 링크하기</a>

개인적으로 시도해 보세요

a 태그가 href 속성을 가지지 않으면, 그것은 단순히 슈퍼링크의 대체자입니다.

링크된 페이지는 일반적으로 현재 브라우저 창에서 표시되지만, target 속성을 사용하여 다른 목표를 설정하면 제외됩니다.

CSS 설정을 사용하여 링크의 스타일을 설정하십시오:CSS 링크 CSS 버튼。

사용자가 슈퍼링크를 클릭할 때 다운로드할 대상을 정의합니다.
링크가 가리키는 페이지의 URL을 정의합니다.
링크된 문서의 언어를 정의합니다.
링크된 문서가 어떤 미디어/장치를 최적화하는지 정의합니다.
공백으로 구분된 URL 목록을 정의합니다. 링크가 방문될 때, 브라우저는 ping 본문을 포함한 POST 요청을 전송합니다(백그라운드에서 전송). 일반적으로 추적에 사용됩니다.
링크와 함께 전송되는 참조 정보를 정의합니다.
현재 문서와 링크된 문서 간의 관계를 정의합니다.
target
링크된 문서가 어디서 열리는지 정의합니다.
type 미디어 유형 링크된 문서의 미디어 유형을 정의합니다.

전역 속성

<a> 라벨은 다음과 같은 이벤트 속성을 지원합니다: HTML의 전역 속성。

이벤트 속성

<a> 라벨은 다음과 같은 이벤트 속성을 지원합니다: HTML의 이벤트 속성。

기본 CSS 설정

대부분의 브라우저는 다음과 같은 기본 값으로 표시합니다: <a> 요소:

a:link, a:visited {
  color: (내부 값);
  text-decoration: underline;
  cursor: auto;
}
a:link:active, a:visited:active {
  color: (내부 값);
}

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원