HTML 링크 - 하이퍼 링크

HTML 링크는 하이퍼 링크입니다.

링크를 클릭하여 다른 문서로 이동할 수 있습니다.

링크 위에서 마우스를 움직이면 마우스 화살표가 조금 움직입니다.

참고 : 링크는 텍스트 일 ​​필요는 없습니다. 이미지 또는 다른 HTML 요소가 될 수 있습니다.

HTML 링크 - 구문

HTML에서 링크는 <a> 태그로 정의됩니다.

<a href="url"> 링크 텍스트 </a>

예

<a href="http://www.w3schools.com/html/"> HTML 자습서 방문 </a>

직접 해보기»

href 속성은 링크의 대상 주소 (http://www.w3schools.com/html/)를 지정합니다.

링크 텍스트는 보이는 부분입니다 (HTML 자습서 참조).

링크 텍스트를 클릭하면 지정된 주소로 이동합니다.

참고 : 하위 폴더 주소에 슬래시가 없으면 서버에 두 개의 요청을 생성 할 수 있습니다. 많은 서버가 자동으로 슬래시를 주소에 추가 한 다음 새 요청을 만듭니다.

지역 링크

위의 예에서는 절대 URL (전체 웹 주소)을 사용했습니다.

로컬 링크 (동일한 웹 사이트에 대한 링크)는 상대 URL (http : // www ....없이)으로 지정됩니다.

예

<a href="html_images.asp"> HTML 이미지 </a>

직접 해보기»

HTML 링크 색상

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

방문하지 않은 링크에는 밑줄이 그어져 파란색으로 표시됩니다.

방문한 링크에 밑줄이 그어지고 자주색입니다.

활성 링크에는 밑줄이 그어지고 빨간색으로 표시됩니다.

스타일을 사용하여 기본 색상을 변경할 수 있습니다.

예

<스타일>

a : 링크 {색상 : 녹색; 배경색 : 투명; 텍스트 장식 : 없음}

a : 방문한 {color : pink; 배경색 : 투명; 텍스트 장식 : 없음}

a : hover {color : red; 배경색 : 투명; 텍스트 장식 : 밑줄}

a : 활성 {색상 : 황색; 배경색 : 투명; 텍스트 장식 : 밑줄}

</ style>