html <a>태그

hyeyul·2020년 3월 27일
1

HTML & CSS

목록 보기
3/5

HTML < a > 요소(앵커 요소)는 href 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만든다. < a > 안의 콘텐츠는 링크 목적지의 설명을 나타내야 한다.

예제

절대 URL로 연결

<a href="https://www.mozilla.com">
  Mozilla
</a>

상대 URL로 연결

<a href="//example.com">Scheme-relative URL</a>
<a href="/en-US/docs/Web/HTML">Origin-relative URL</a>
<a href="./p">Directory-relative URL</a>

같은 페이지의 요소로 연결

<!-- <a> 요소로 아래의 구획에 연결 -->
<p><a href="#Section_further_down">
  아래 제목으로 건너뛰기
</a></p>

<!-- 링크가 향할 제목 -->
<h2 id="Section_further_down">아래의 제목</h2>

참고: href="#top"이나 빈 프래그먼트(href="#")를 사용하면 현재 페이지의 최상단으로 이동하는 링크를 생성할 수 있습니다.

이메일 주소로 연결

<a href="mailto:nowhere@mozilla.org">Send email to nowhere</a>

전화번호로 연결

<a href="tel:+49.157.0156">+49 157 0156</a>
<a href="tel:+1(555)5309">(555) 5309</a>

출처: https://developer.mozilla.org/ko/docs/Web/HTML/Element/a

1개의 댓글

comment-user-thumbnail
2021년 1월 18일

a href태그 쓸때 앞에 꼭 p태그가 붙어야하나요?

답글 달기