HTML5 LINK 연결하기

HTML의 HT는 

HyperText입니다.

Hyper를 담고있는 Text라는 의미인데,

Hyper는, 다중으로 연결된 상태- 를 의미합니다.

지금 보고계신 이 화면까지 들어오시기 위해 검색하거나,

클릭하여 이동하셨을 그 경로,

그 연결이, HTML에서 가장 중요한 특징이라고 할 수 있습니다.

그리고 그 역할은

a(anchor) tag가 담당합니다.

a tag의 대표 어트리뷰트는 href로,

이동하고자 하는 파일의 위치 값을 지정해줄 수 있습니다.

<a href="http://www.tistory.com">tistroy로 이동</a>

->실행결과

tistroy로 이동

(클릭시 tistory메인으로 가버려요.. 제 글을 더 봐주세요..)

경로는 절대경로와 상대경로가 있는데,

절대경로는 작업 디렉토리와 상관없이 특정 파일의 절대적인 위치를

나타냅니다.

위와 같은 주소나,

C:\users\document 등의 개인 파일 주소일 수도 있습니다.

상대 경로는 현재 작업중인 디렉토리에서부터 움직이는 것을 말합니다.

./주소 는 현재 위치한 디렉토리와 같은 디렉토리 내의 파일을 찾아가는 주소이며

../ 주소는 부모 디렉토리를 찾아가는 주소입니다.

*ex)

 ./index.html

../css/common.css

모두 자유로운 이동 하시기 바랍니다 :)