Anchor 태그

Anchor 태그

- <a href="">

- 현재 위치에서 다른 위치로 이동하고 싶을 때 사용합니다.

- hypertext reference의 줄임말인 href 속성을 가지고 있다. 이때 reference는 주소값이라는 의미를 가졌습니다.

 

href 주소값 표기 방법

1. 웹 URL

- 해당 웹으로 이동합니다.

2. html 파일 위치

- 같은 폴더 안에 포함되어있는 파일로 이동합니다.

3. id값

- 위키백과처럼 목록에서 어떤 소제목을 눌렀을 때 그 위치로 이동하게 됩니다.

4. 메일 주소

- 클릭하면 해당 메일로 메일을 보낼 수 있게 됩니다.

<a href="mailto:메일주소">

5. 전화걸기

- 모바일에서 사용합니다.

- 해당 전화번호를 눌렀을 때 바로 통화 연결이 됩니다.

<a href="tel:01022334455">

 

target 속성

1. tagert="_blank"

- 새창으로 이동합니다.

 

실습 파일01: Anchor/a.html

실습 파일02: Anchor/introduce.html

실습 파일03: Anchor/youtube.html