HTML 링크 연결에 필요한 a 태그 간단 설명


HTML 링크

HTML 링크 기능은 사용자의 HTML 문서를 다른 컴퓨터의 HTML 문서와 연결합니다. Word 같은 편리한 문서 도구를 사용하지 않고, 불편한 HTML 문서를 사용하는 가장 큰 이유는 링크 기능 때문입니다.

HTML이 일반 Text가 아닌, Hypertext가 될 수 이유는 링크 기능 덕분입니다. 링크의 발명으로 월드 와이드 웹 시대가 열렸습니다.

<a> 태그

HTML 링크는 <a> 태그로 정의합니다.  <a> 태그는 단독으로 사용될 수 없습니다. href 같은 속성명(Attribute)과 함께 쓰입니다.

href 뒤에 이동할 HTML 웹문서의 주소를 입력합니다.

<a> value </a> 구조에서 <a> 태그와 </a> 태그 사이의 value 영역을 클릭하면 웹브라우저는 <a href = " 주소" >에 입력된 주소 속성값을 브라우저에 열어줍니다.

<a href="https://ko.wikipedia.org/wiki/HTML">위키백과-HTML</a>

새 창에서 링크 열기

링크를 새 창에서 열고 싶은 경우, target이라는 속성명(Attribute Names)을 사용합니다.


target 속성명 뒤에 _blank 속성값을 입력합니다. 링크 텍스트를 클릭하면, 웹브라우저는 href 뒤에 적힌 HTML 주소를 새 창으로 엽니다.

<a href="https://ko.wikipedia.org/wiki/W3C" target="_blank">위키백과 - W3C</a>

HTML 이미지 링크

이미지를 클릭했을 때 링크를 만드는 방법은 <a> 태그 사이에 이미지 주소를 추가하면 됩니다.

이미지를 클릭하면, 웹브라우저는 href 뒤에 적힌 HTML 주소로 이동합니다.

<a href="https://en.wikipedia.org/wiki/Tim_Berners-Lee" target="_blank">
<img src="https://dasima.xyz/wp-content/uploads/2018/09/html-link-2.png">
</a>