HTML 링크달기

오늘은 HTMl에 링크를 다는 방법에 대해 알아보겠습니다.

 

링크를 다는 태그는 <a>태그입니다. 링크를 걸고 싶은 곳을 <a>태그로 감싸게 되면 되는 것입니다.

<a href = " "> 쌍따옴표 안에 자신이 링크를 걸 주소를 작성하면 되는것입니다. href는 하이퍼텍스트의 첫글자인 h와 웹 브라우저에게 참조하라는 의미인 reference에 앞 세글자를 따서 href 라는 속성을 지정하는 것입니다.

 

 

 

 

위의 동영상에서 보면 하이퍼 링크를 걸고 링크를 눌렀을때 기존의 탭에서 링크가 열리게 됩니다. 

하지만 새탭에서 링크가 열리도록 하고 싶다면 target 속성을 추가하면 됩니다.

아래의 표는 target 속성의 종류입니다.

_self	기본값으로 링크가 현재 창이나 탭에서 로드
_blank	링크가 새로운 창이나 탭에서 로드
_parent	부모프레임에 링크가 로드
_top	전체 창을 대상으로 링크가 로드

 

target 속성을 추가하여 실행을 해도 나타난 페이지에는 차이가 없지만 하이퍼링크를 눌렀을때 차이가 나게 됩니다.

 

 

 

target 속성을 달았을 경우

 

마지막으로 하이퍼링크를 클릭하기 전에 툴팁처럼 하이퍼링크가 어떤것을 가리키는 블로그인지 알려주고 싶다면 title속성을 추가하면 됩니다. title = " "를 이용하여 쌍따옴표 안에 하이퍼링크를 설명하고 싶은 문구를 쓰면 됩니다.

 

 

이렇게 HTML에서 링크를 다는 방법에 대해 오늘 알아보았습니다.

감사합니다!