HTML - <a>태그와 속성

오늘은 속성이라는 문법과 링크라는 HTML에서 가장 중요한 두 가지 기능을 알아보겠다.

 

<a> </a>태그는 링크를 걸고자 하는 

즉, <a> ~ </a> 사이에 내용이 링크라는 사실을 브라우저에게 알려주는 태그이다.

 

하지만, a 태그만 쓴다고 해서 링크가 생기지는 않는다.

 

<a>네이버</a>로 이동

만약, 네이버가 링크라고 한다면?

이 링크가 어떤 웹 페이지에 연결되어야 되는지에 대한 바로 그 웹 페이지의 URL이 어딘가에 적혀 있어야 한다.

그 정보가 없기 때문에 브라우저는 아무런 행동도 하지 않는 것이다.

그럴 때, href 이라는 속성을 이용하면 링크를 걸 수 있다.

 

<a href="https://www.naver.com/">네이버</a>

이렇게 입력하면, 이제야 링크가 걸리는 것을 알 수 있다.

이 링크를 클릭하면, 해당 홈페이지로 접속하는 것을 확인할 수 있다.

 

그런데, 만약 해당 홈페이지에서 접속하지 않고 새로운 탭에서 열리게 하고 싶다면?

target이라는 속성을 이용하면 된다.

<a href="https://www.naver.com/" target="_blank">네이버</a>로 이동

 

즉, 이러한 a태그에 해당하는 href , target 이라는

속성들은 각각 약속되어있는 기능이 정해져 있다는 것을 알 수 있다.

 

a 태그뿐만 아니라 다른 태그들 또한 이러한 속성들을 가지고 약속된 기능들을 활용해

웹 페이지를 만들 수 있다.