[HTML] 14장, HTML 태그의 제왕

이번에는 본문의 HTML에 링크를 달 것이다. HTML의 기술 공식 사용 설명서를 링크 걸면 좋을 것 같다. 공식 사용 설명서를 링크 걸어보자!

 

링크 걸고 싶은 곳을 <a> 태그로 감싸면 된다.

 

페이지를 새로고침해 보면 링크가 걸리지 않은 것을 확인할 수 있다. 그 이유는 정보가 부족하기 때문이다. 이 링크가 어디에 닻을 내려야 할지 정보가 부족하다. 그래서 이동할 주소(https://www.w3.org/TR/html5/)를 복사해서 <a> 태그의 속성에 적는데, 앞에서 하이퍼텍스트는 링크이다. 하이퍼텍스트의 h와 웹 브라우저에게 이 페이지를 참조하라는 의미의 reference에서 앞의 세 글자인 href라고 하는 속성을 지정한다.

<a href="https://www.w3.org/TR/html5/">Hypertext Markup Language (HTML)</a>

위와 같이 수정하고 새로고침해 보면 링크가 걸리고, 이를 클릭하면 w3c의 권고안 웹 페이지로 이동하는 것을 확인할 수 있다.

 

 

만약 링크를 클릭했을 때 새 탭으로 열리게 하고 싶다면 target="_blank" 속성을 사용하면 된다. 

 

또는 링크를 클릭하기 전에 튤팁처럼 무엇인가를 알려주고 싶다면 다음과 같이 수정한다.

알려주고 싶은 내용은 title 속성 안에 적으면 된다.