본문 바로가기
프로그래밍/HTML, CSS, JavaScript

HTML 링크(연결) 태그

by Joy [바가지] 2017. 12. 11.

HTML 링크(연결) 태그

 

 

링크 태그는 같은 시스템 내에서 파일(문서)을 연결 할 경우 또는 URL을 통하여 타 사이트(문서)간에 연결을 위한 경우에 사용되는 태그 입니다.

 

같은 시스템 내에서 파일(문서)을 연결

 

■ 사용법

  <A HREF = "경로"> 링크문구 </A>

 

■ 경로(Path)

 - 상대경로 : 자신이 위치한 디렉토리를 기준으로 합니다.

    ex> <A HREF = "경로"> 링크문구 </A> 또는

 - 절대경로 : 최상위 디렉토리로 부터 위치를 지정 합니다.

    ex> <A HREF = "/경로"> 링크문구 </A>

 

※ 상위 경로(폴더) 위치로 이동하기 ☞ ex> ../경로

 

URL을 통한 문서간의 연결

 

■ 사용법

  <A HREF = "링크 할 문서의 URL"> 링크문구 </A>

 

■ 예제

  <A HREF = http://erunjoy.tisotory.com> ERunJoy </A>

 

주소(연락처) 지정 태그

 

■ 사용법

  <ADDRESS> 주소(연락처)정보 </ADDRESS> 

  <A HREF=mailto:young-mock@hanmail.net> 메일쓰기 </A>

   mailto: 메일 주소 링크

 

■ 예제

  <ADDRESS><A HREF=mailto:young-mock@hanmail.net> 메일쓰기 </A></ADDRESS> 

  - 결과 : 메일쓰기

반응형

'프로그래밍 > HTML, CSS, JavaScript' 카테고리의 다른 글

HTML 테이블 만들기 기본 태그  (8) 2017.12.21
HTML 이미지 삽입하기 - IMG 태그  (2) 2017.12.16
HTML 링크(연결) 태그  (2) 2017.12.11
HTML 이동 태그  (4) 2017.12.10
HTML 목록 태그  (0) 2017.12.08
HTML 단락 서식 태그  (8) 2017.12.07

댓글2