HTML - 하이퍼링크

<목차로 돌아가기>

하이퍼링크의 이해

하이퍼링크란 일반적으로 홈페이지 문서를 연결하는 것을 말하며 <a>태그를 이용하여 문서뿐만 아니라 사이트,그림,이메일 다운받을 수 있는 자료 등 모든 형식의 파일과 연결할 수 있다.

<a>태그를 사용하여 하이퍼 링크를 지정할 수 있습니다.

하이퍼링크의 속성

⊙ href : 연결시킬 경로

⊙ target 연결한 경로를 어떻게 뛰울 것인가. (_blank: 설정한 주소를 새창으로,_self:현재의 창에 띄어줌, 임의설정: 임의설정한 이름의 창에 보여줌)

⊙ name 책갈피 설정(아래쪽에 설명참조)

⊙ title 마우스를 올리면 설명하는 말풍선이 나타남

사용 방법
<a href="http://www.naver.com">네이버</a>
<a href=http://www.daum.net target=_blank>다음</a>
<a href=http://www.daum.net title="솰라솰라 설명글">다음</a>

경로지정의 이해

절대경로
컴퓨터에서 절대적인 위치
즉 C:\Program File/IMG
이런식으로 변하지 않는 절대적인 위치

상대경로
현재 실행하는 HTML파일이 들어있는 폴더를 기준으로 하는 위치
./경로 <-현재위치
../상위 위치
폴더/그림.jpg 현재폴더에서 경로1이라는 폴더 안에 있는 그림을 나타냄
 

책갈피 기능 사용하기

아주 많은 텍스트가 있다면 원하는 페이지를 찾기 힘들 것이다.
원하는 페이지로 단숨에 이동하는 것이 책갈피 이다.
<a name="책갈피명"></a>
<a href="#책갈피 명>링크문자 또는 그림</a>

사용 방법)
<a href="#down">아래루 슝!<a>
<p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p><p>
<a name=down>여기라네</a>