HTML <a>태그를 이용해 링크 달기

이 태그는 웹페이지를 만드는데 제일 중요한 기능 중 하나이다.

검색 엔진들은 이 태그 덕분에 여러 웹 페이지를 이동할 수 있다!

 

<a>태그 사용법

<p>놀러오세요 <a href="https://yjin99.tistory.com/">jin's devlog</a></p>

 

a태그 안에 href라는 속성을 꼭 적어야한다!!!

href는 링크를 의미하는 하이퍼텍스트의 h와 웹브라우저에게 이 값을 참조하라는 의미에서 reference의 ref를 따왔다.

여기에 이동할 주소를 넣으면된다. 실행시키면 다음과 같은 jin's devolg로 이동할 수있는 링크가 걸린다.

새 탭에 열기

<p>놀러오세요 <a href="https://yjin99.tistory.com/" target="_blank">jin's devlog</a></p>

새 탭에서 열고 싶으면 위와 같이 target 속성을 추가하면 된다.

 

툴팁처럼 미리 알려주기

<p>놀러오세요 <a href="https://yjin99.tistory.com/" target="_blank" title="우르롹끼">jin's devlog</a></p>

링크를 클릭하기 전에 툴팁처럼 무엇인가를 알려주고 싶다면 title 속성을 추가하면 된다