..

Search

href

href

<a> 태그의 href 속성


HTML <a> 태그 ⇒


정의 및 특징

<a> 태그의 href 속성은 링크된 페이지의 URL을 명시합니다.


문법

<a href=“URL”>

속성값

속성값   설명

URL

 

링크(link)의 URL

 

1. 절대 주소(absolute URL)

ex) href=“http://www.tcpschool.com/index.php”

2. 상대 주소(relative URL)

ex) href=“/lecture/logo.png”

3. 같은 페이지 내에서 명시된 id를 가지고 있는 요소를 연결함.

ex) href=“#bottom”

4. 스크립트

ex) href=“javascript:alert(‘반갑습니다!’)”


예제

<a href="https://www.naver.com">네이버 사이트로 이동!</a>

코딩연습 ▶

 

예제

<p id="top">모든 국민은 행위시의 법률에 의하여
...
받지 아니한다.</p>
<a href="#top">Top으로 이동</a>

코딩연습 ▶

 

예제

<a href="javascript:alert('자바스크립트가 실행되었습니다.');">자바스크립트 실행!</a>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

href 지원함 지원함 지원함 지원함 지원함 지원함

연습문제