-HTML- 링크

오늘은 HTML의 링크에 대해 알아보자.

기본적인 사용법은 다음과 같다.

<a> 여기를 클릭하세요. </a>

이처럼 <a> 태그로 링크를 걸고싶은 단어나 문장을 감싸면 된다. 간단하다.


하지만 한가지 중요한 정보가 빠져있다.

링크를 클릭했을 떄 어느곳으로 링크되는지 정보가 없으면 태그가 제대로 작동하지 않는다.

따라서 링크될 페이지의 주소가 필요하다.

<a href="https://blackjellybear.tistory.com/"> 여기를 클릭하세요.</a>

href 속성으로 어디로 이 링크가 연결될지 정보를 추가했다.

이 링크를 클릭하면 해당 주소로 링크될것이다.


a태그에 속성도 추가할 수 있다.

링크를 클릭했을때 새로운 탭에서 열리게 하거나 링크에 마우스를 올리면 해당 링크에 대한 설명을 출력하게 해보자.

<a href="https://blackjellybear.tistory.com/" target="_blank" title="검은젤리곰의 블로그로 연결됩니다."> 여기를 클릭하세요.</a>


이처럼 간단하게 링크를 생성하는 방법에 대해 알아보았다.