HTML 링크

HTML은 하이퍼링크를 사용하여 웹의 다른 문서에 연결합니다. 링크는 거의 모든 웹페이지에서 찾을 수 있습니다. 한 페이지에서 다른 페이지로 이동하려면 링크를 클릭하세요.

사용해 보기 - 예

HTML 링크
HTML 문서에서 링크를 만드는 방법.

(더 많은 예는 이 페이지 하단에서 찾을 수 있습니다)

HTML 하이퍼링크(링크)

HTML은 태그<a>를 사용합니다. 하이퍼텍스트 링크를 설정합니다.

하이퍼링크는 단어, 단어, 단어 그룹 또는 이미지일 수 있습니다. 이러한 내용을 클릭하면 새 문서나 현재 문서의 특정 부분으로 이동할 수 있습니다.

웹페이지의 링크 위에 마우스 포인터를 올리면 화살표가 작은 손 모양으로 변합니다.

<a> 태그에는 href 속성이 사용되어 링크 주소를 설명합니다.

기본적으로 링크는 브라우저에 다음과 같이 표시됩니다.

방문하지 않은 링크는 밑줄이 그어진 파란색 글꼴로 표시됩니다.
방문한 링크는 보라색과 밑줄로 표시됩니다.
링크를 클릭하면 빨간색 밑줄이 그어져 나타납니다.

참고: 이러한 하이퍼링크에 CSS 스타일이 설정된 경우 표시 스타일은 CSS 설정에 따라 표시됩니다.

HTML 링크 구문

링크의 HTML 코드는 매우 간단합니다. 다음과 같습니다:

href 속성은 링크 대상을 설명합니다. .

Instance

<a href="../">访问php中文网</a>

위의 코드 줄은 다음과 같이 표시됩니다. Visit php Chinese website

이 하이퍼링크를 클릭하면 사용자는 PHP 중국어 웹사이트의 홈페이지로 이동됩니다.

팁: "링크 텍스트"는 텍스트일 필요는 없습니다. 이미지나 기타 HTML 요소는 링크가 될 수 있습니다.

HTML 링크 - 대상 속성

대상 속성을 사용하면 링크된 문서가 표시될 위치를 정의할 수 있습니다.

다음 줄은 새 창에서 문서를 엽니다:

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<a href="http://www.php.cn/" target="_blank">访问php中文网!</a>

<p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p>

</body>
</html>

인스턴스 실행»

온라인 예제를 보려면 "예제 실행" 버튼을 클릭하세요.

HTML 연결 - id 속성

id 속성을 사용하여 북마크를 생성할 수 있습니다. HTML 문서의 태그.

팁: 북마크는 특별한 방법으로 표시되지 않으며 HTML 문서에도 표시되지 않으므로 독자에게 숨겨집니다.

예

HTML 문서에 ID 삽입:

HTML 문서의 "유용한 팁 섹션(id="tips")"에 대한 링크 만들기:

또는 다른 페이지에서 "유용한 팁 섹션(id="tips")"에 대한 링크를 만드세요:

기본 메모 - 유용한 팁

참고: 하위 폴더에는 항상 슬래시를 추가하세요. 링크가 href="http://www.php.cn/html"과 같이 작성되면 두 개의 HTTP 요청이 서버에 생성됩니다. 이는 서버가 주소에 슬래시를 추가한 다음 href="http://www.php.cn/html/"과 같이 새 요청을 생성하기 때문입니다.

더 많은 예시

이미지 링크
이미지 링크 사용법.

현재 페이지의 지정된 위치로 링크
북마크 사용 방법

프레임 밖으로 튀어나오기
이 예 페이지가 프레임 내에 있는 경우 프레임에서 벗어나는 방법을 보여줍니다.

이메일 링크 만들기
이 예에서는 이메일에 링크하는 방법을 보여줍니다. (이 예는 이메일 클라이언트 프로그램을 설치한 후에만 작동할 수 있습니다.)

이메일 링크 만들기 2
이 예는 좀 더 복잡한 이메일 링크를 보여줍니다.

HTML 링크 태그

태그

설명

<a>

标签	描述
<a>	定义一个超级链接

슈퍼 정의 링크