a 태그의 기능
-
a 태그는 anchor의 줄임말로 '닻'을 의미한다. 링크를 만들어주는 태그이다.
-
텍스트나 이미지를 클릭했을 때 다른 페이지로 이동하는 것처럼, 문서와 문서를 연결해 준다.
텍스트에 링크 삽입하기
- 이동할 문서의 주소는 href 속성으로 지정한다.
<a href="http://~"></a>
이미지에 링크 삽입하기
- href 속성으로 링크 주소를 입력한다.
- <a> 태그 사이에 <img> 태그를 삽입하여 src 속성으로 이미지 주소를 설정한다.
<a href="http://~"> <img src="/~/~"> </a>
링크 여는 방법 설정하기
- <a> 태그의 target 속성을 통해 링크 여는 방법을 설정할 수 있다.
- 속성값 _blank는 새 탭에서 , _self는 현재 탭에서 페이지를 연다.
<a href="http://~" target=_blank> </a>
동일 페이지의 특정 위치 링크하기
- <a> 태그를 사용해 외부 페이지 뿐 아니라, 동일한 페이지 내 특정 위치로 이동할 수 있다.
- 지정된 id 값을 href 속성값으로 입력하면, 페이지 내의 해당 id의 위치가 링크된다.
- id를 속성값으로 입력할 때에는, "#id" 형식으로 입력해야 한다.
<a href="#id1"> id로 이동하기 </a> <h1 id="id1"> id1 </h1>
