대학교 수업/HTML5, CSS, JavaScript

3.12 HTML 기본문서 만들기 - <a>, target

kicdor 2024. 4. 12. 22:20
반응형

12. <a>

<a> 는 anchor = 닻에서 따온 태그입니다. 

즉, <a>는 하이퍼링크를 만들 떄 사용됩니다. 닻으로 걸어둔 웹페이지나 이미지로 가게 만드는 것이죵

 

<a>를 사용하는 방법은

1) 같은 웹 사이트의 웹 페이지 하이퍼링크  <a href = "~~~~.html> </a>

2) 다른 웹 사이트의 웹 페이지 하이퍼링크 

3) 이미지 하이퍼링크  네이버

정도가 있습니다

 

예시를 들어보겠습니다

두근두근

허술하기 짝이 없네요

enter 띄어쓰기와 사진 크기 설정 들어가겠습니다

 

<br>, <hr>, width="~~~", height="~~~"를 사용하였습니다

고새 까먹어서 위에 찾아본 거는 비밀

사진들을 누르면 둘 다 naver 사이트로 잘 이동합니다!!

 

 

_____ "현재 사이트의 다른 페이지로 이동하는 링크"_____에 대해서는 제가 좀 이해를 못해서,... 다시 알아보고 올리기로...!!


위에 코드는

하이퍼링크를 누르면 바로 그 사이트로 이동해버립니다 (현재 페이지가 사라짐)

하이퍼링크를 "새로운 창"으로 띄우는 방법에 대해 알아보겠습니다

"target"을 이용하면 됩니다

 

예시를 보겠습니다

 

1) target = "_blank" : 새 창에 하이퍼링크가 열림

2) target = "_self" : 현재 창이 사라지고 그 창에 하이퍼링크가 열림

3) target = "_parent" : 현재 창이 사라지고 그 창에 하이퍼링크가 열림

(현재 창도 하이퍼링크를 통해 열었다면, 현재 창의 부모창에서 열림)

4) target = "_top" : 현재 창이 사라지고 그 창에 하이퍼링크가 열림 ( 최상위( 가장 최고 부모)창에 열림)

반응형