상세 컨텐츠

본문 제목

W3School - HTML <a> 태그

W3School Practice

by endless123 2024. 9. 30. 19:12

본문

 

<a> 태그는 한 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼링크를 정의합니다.
<a> 요소의 가장 중요한 속성은 링크의 대상을 나타내는 href 속성입니다.
기본적으로 링크는 모든 브라우저에서 다음과 같이 표시됩니다.

 

  • 방문하지 않은 링크는 밑줄이 그어져 파란색으로 표시됩니다.
  • 방문한 링크는 밑줄이 그어져 보라색으로 표시됩니다.
  • 활성 링크는 밑줄이 그어져 빨간색으로 표시됩니다.

<a> 태그에 href 속성이 없으면 하이퍼링크에 대한 자리 표시자일 뿐입니다.
링크된 페이지는 별도의 대상(target)을 지정하지 않는 한, 일반적으로 현재 브라우저 창에 표시됩니다.
CSS를 사용하여 링크 스타일 지정 : CSS 링크CSS 버튼.

 

 

 

 

img 태그를 a태그로 감싸서 이미지 클릭시 페이지 이동되게 설정

 

target 속성을 "_blank"로 설정하면 링크가 새 브라우저 창이나 새 탭에서 열림

 

이외에도 메일(mailto), 전화번호(tel), 같은 페이지의 다른 섹션으로 링크를 연결하는 방법(#), 자바스크립트(javascript) 등에 사용 가능하다.

 

 

'W3School Practice' 카테고리의 다른 글

W3School - HTML <b> 태그  (0) 2024.10.01
W3School - HTML <area> 태그  (0) 2024.09.30
W3School - HTML <!DOCTYPE>태그  (0) 2024.09.30
W3School - HTML 주석 ( <!-- --> ) 사용해보기  (0) 2024.09.30
W3School - HTML Canvas  (0) 2024.09.30

관련글 더보기