HTML 링크

html 문서의 가장 큰 특징은 다른 정보페이지로 빠르게 이동할 수 있는 하이퍼링크를 제공한다는 것입니다.

링크

하이퍼링크를 만들기 위해서 a링크를 사용합니다.

이동할 페이지를 href 속성을 통하여 지정합니다.

<a href="이동주소">링크클릭</a>

페이지의 이동은 브라우저의 히스토리를 기록하면서 이동을 하게 됩니다.

target

만일 새로운 창으로 링크를 연결할때에는 target속성을 추가합니다.

• _blank : 새로운 창으로 연결합니다.

• _self : url을 현재 브라우징 맥락에 표시하빈다.
• _parent: 현재 부라우징 맥락의 부모에 표시합니다.
• _top: 부모면서 자신의 부모가 존재하지 않는 제일 높은 맥락에 표시합니다.

북마크 링크

같은 페이지 내에서 특정 위치로 이동을 할 수 있는 내부 링크를 생성할 수 있습니다.

target id 지정

먼저 이동을 할 내부 페이지 위치에 id 값을 지정합니다.

<p id="book1">
</p>

그리고 이곳으로 이동할 링크를 넣어 줍니다.

<a href="#book1">이동</a>

내부로 이동을 할때에는 주소의 시작을 #을 추가합니다.

특정 링크 연결

HTML5에서는 mailto:나 tel:과 같이 이메일, 전화등을 링크로 연결할 수 있습니다.

<a href="mailto:inhojin@naver.com">이메일보내기</a>

사용자 컴퓨터에 기본적으로 설정된 메일 발송기가 실행됩니다.

<a href="tel:전화번호">이메일보내기</a>

스마트폰에서 클릭하는 경우 전화 연결을 자동으로 합니다.