HTML,CSS/HTML

[HTML] a 태그(+새 창으로 띄우기)

디디벨 2022. 4. 25. 08:02
728x90

a태그는 <a> </a> 로 이루어져 있다.

 

 

사이트를 연결해주는 태그

 

a태그의 핵심기능은 하이퍼링크를 걸어주는 태그로 다음과 같이 표기한다.

<a href="https://www.naver.com">네이버</a>
//네이버(글자) 클릭시 네이버로 이동

a 여는태그 안에 href라는 태그 속성을 써서 링크를 단다.

href는 hypertext reference의 줄임말로 href=" "안에 링크를 달아주면 컨텐츠를 클릭시 해당 링크로 이동한다 .

 

 

위의 코드는 페이지에서 페이지로 넘어가는 코드이다.

페이지에서 새 창으로 띄울려면 다음과 같다.

 

 

<a href="https://www.naver.com" target="_blank">네이버</a>
//네이버(글자) 클릭시 새창으로 네이버로 이동

 

target이라는 태그 속성을 추가해준다. target의 기본값은 target="_self"이다.

기존 페이지에서 그대로 다른 페이지로 이동한다.

 

태그 속성 값으로 "_blank"를 넣으면 해당 링크가 새창으로 열린다.

 

 

 

 

728x90

'HTML,CSS > HTML' 카테고리의 다른 글

[html] h1~6태그  (0) 2022.05.02
[html] <ul> <ol> < li>태그(가운데 점 빼는 법)  (0) 2022.04.29
[HTML]img태그  (0) 2022.04.26
HTML 정의  (0) 2022.04.20