[HTML] 8. 링크를 나타내는 태그 <a>

* 본 게시글은 생활코딩 교육과정을 공부한 내용을 정리한 글입니다.

www.opentutorials.org/course/3084/18418

HTML 태그의 제왕 - 생활코딩

---

<a>

<a> 태그가 무엇인지 웹 브라우저에 검색해보자.

 

https://www.w3.org/TR/html5

HTML Standard

위의 페이지에서 HTML 태그들의 각종 사용법을 알 수 있는데, 이 중에서도 <a> 태그가 어떤 기능을 하는지 설명하는 웹 페이지는 다음과 같다. ( html.spec.whatwg.org/#the-a-element )

 

<a> 태그는 링크를 걸 수 있는 기능을 하는데, <a> 태그를 활용하여 위의 사이트로 접속할 수 있게끔 링크를 걸어보자.

 

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

 

위와 같이 해당 문구에 하이퍼링크 기능이 들어간 것을 확인할 수 있다.

 

두 가지의 기능을 더 넣어보자

 

1) 현재 저 링크를 누르면 현재 창에서 링크 접속이 되지만, 새 창으로 접속하고 싶을 경우

2) 링크를 눌러보기 전 미리 링크의 정보에 대해 알고 싶은 경우

 

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

//target="_blank" 새 창으로 열 수 있게 함
//title="html5 specification" 해당 링크의 설명이 "" 안에 들어감