<a> 태그란?

<a> 태그란?

 

#01 정의 및 특징

• 클릭 시 페이지를 이동하게 하기 위해 사용
• 태그 내부에는 이동하고자 하는 URL이 작성
• 사용자가 해당 링크를 클릭하면 다른 페이지로 이동
• 기본적으로 a 태그는 html 자체적으로 파란색으로 변경
• 또한 a 태그는 텍스트 뿐만 아니라 이미지, 각종 태그를 포함하여 제작 가능

 

#02 사용처

• 웹페이지 원하는 위치에 링크를 만들 수 있다
• nav 메뉴에 사용한다
• 게시판 목록을 구성할 때 사용한다
• 그리드 형식으로 구성할때도 사용한다 (박스 전체가 A 태그로 쌓여있다)
  (예 : https://lottomaker.co.kr/board/list/news/all/1)
• 무궁무진한 사용방법이 존재한다
• 메일 주소, 전화하기 기능을 사용할 때 사용한다

 

#03 사용 방법

<div>
	<a href="https://lottomaker.co.kr/">로또메이커 바로가기</a>
</div>
<div>
	<a href="https://lottomaker.co.kr/" target="_blank">로또메이커 새창열기</a>
 </div>
 <div>
	<a href="tel:전화번호">전화걸기</a>
 </div>
  <div>
	<a href="mailto:kaheal@kaheal.com">메일보내기</a>
 </div>

 

# 무료강의

바로가기