html tag 7 - html 링크 tag 종류를 알아보자.

1. 링크 태그란

2. 링크 태그의 종류

3. 내부에서 페이지 이동하기

1. 링크 태그란?

링크태그(하이퍼태그)란,  각종 링크, 이미지, 파일 등을 연결시켜주는 tag이다.

사용 예시: 

<a href = "https://blog-lifelog-kr.blogspot.com/">링크test</a>

2. html 링크 태그의 종류

링크 태그는 대표적으로 아래와 같은 종류가 있다.

href, target, download, rel, hreflang, type

href = 인터넷 사이트, 내부 문서 등의 경로, 주소 등을 입력한다.

target = 연결된 문서가 어디에 출력될 지를 정하는 속성으로, 아래와 같은 속성을 지정할 수 있다. 

1. (_blank) : 새 창에서 표시한다
2. (_self) : 현재 창에서 표시한다.
3. (_parent) : 상위 창에서 표시한다.
4. (_top) : 최상위 창에서 표시한다.

예시: <a href = https://blog-lifelog-kr.blogspot.com/" target="_self"></a>

 

download= <a>링크로 연결된 문서를 기기에 다운로드 시 사용한다.

rel = 현 문서와 연결된 문서 간의 관계를 지정 시 사용한다.

3. 내부에서 페이지 이동하기

<a> tag를 사용하여 페이지 내부에서 위/아래 등으로 이동할 수 있다.

예시:

<a href= "#test1">테스트 링크</a>

<p id "test1">#test1을 누르면 여기로 이동</p>