본문 바로가기
study/HTML

링크, anchor, 절대경로, 상대경로, 사이트내 파일연결하기

by Elfen Lied 2020. 1. 9.
반응형

*앵커

절대경로 <a href="주소">주소</a>

 

*현재창에 링크열림 (내부에서 바뀔땐 target 쓰지말기)

<a href="http://www.daum.net">daum</a>

이렇게 쓰면 현재 화면이 링크 주소로 열려버림

 

*새창으로 링크열림(외부로 열어줄때 target 쓰기)

<a href="http://www.daum.net" target="_blank">daum</a>

<a href="주소" target="_blank">사이트</a>

 

*상대경로

현재 작성하고 있는 파일을 기준으로 해당파일 어딨는지를 파악

-작성위치와 같을땐 파일명 그대로 적어준다.

-작성위치에 있는 폴더 안에 있을경우 >>폴더명/파일명.html

-작성위치 밖에 있는경우

(밖일경우 ../파일명.html)

// 작성파일과 같은 위치일때
<li><a href="about.html">about us</a></li>

// 작성파일과 같은 위치에 있는 폴더 내부에 있을때
<li><a href="docs/services.html">services</a></li>

// 작성파일 밖에 있을때
<li><a href="../index.html">about us</a></li>

 

반응형

댓글