링크

a 태그

<a href="주소">링크</a>

• a 태그 : 링크 (현 위치에서 다른 위치로 이동)
• 주의사항 : href 속성을 반드시 명시해야 한다.

---

href 속성

• href : hypertext reference
  • hypertext : html 문서, 웹페이지
  • reference : 사전적인 의미는 "참조", 프로그래밍 세계에서는 "주소값"

---

href 주소값 표기 방법

1. 웹 URL

<a href="https://edu.goorm.io">구름 EDU</a>

• https식 주소
• 이동하고자 하는 html 문서 위치에 대한 상대 경로

2. 페이지 내 이동

<a href="#hello">hello 섹션으로 이동</a>

• 이동하고자 하는 부분의 id 값 (#id값) 명시

3. 메일쓰기

<a href="mailto:seojeong294@gmail.com">내게 메일쓰기</a>

• href 주소값으로 mailto:메일주소 명시

4. 전화걸기

<a href="tel:01012345678">내게 전화걸기</a>

• href 주소값으로 tel:전화번호 명시

---

target="_blank" 속성

• target="_blank" 속성 : 링크를 새 탭에서 열게 한다.

---

실습 화면