Anchor Tag <a> tag

anchor tag

기본적으로 다른곳으로 이동을 시켜주는 태그입니다.

Anchor 는 다른 태그들과는 다르게 지정해줘야 할 속성이 있습니다.

1) herf (Hypertext Reference) 주소값

<a href="주소"> 내용</a>

EX) 

1. <a href="https://www.naver.com">네이버</a> 절대경로로 네이버 페이지로 이동
2. <a href ="./detail.html"> 상세페이지</a> 상대경로 이동
3. <a herf="#header">헤더로 이동</a> 태그 안에 설정된 ID값이 header인곳으로 이동
4. <a href="mailto:bong9@bong9.com">봉구에게 메일보내기</a> 클릭시 전자메일 보내기 실행
5. <a href="tel:12345678">전화하기</a> 클릭시 전화 연결

2) target

2-1) _blank : 새로운 탭에서 오픈
2-2) _self: 현재 위치한 탭에서 오픈 (기본값 , 생략가능)
2-3) _parent: 현재 프레임의 부모 프레임에서 오픈, 부모가 없을시 _self와 동일하게 작동
2-4) _top: 윈도우 전체에서 오픈 부모가 존재하지 않으면 _self와 동일하게 작동
2-5) 프레임 이름: 명시된 프레임에서 오픈

'CSS' 카테고리의 다른 글

input 자동완성 background-color 변경하기  (0) 2021.09.12
css 컨벤션, css 코딩 스타일  (0) 2021.09.10
img tag  (1) 2021.08.02
강조태그 <em> <strong>  (0) 2021.07.31