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 |
Comment