728x90
<a> 앵커 태그
자주 쓰는 태그 중 하나로 흔히 ppt와 한글문서에서도 존재하는 하이퍼링크 개념이다.
a 태그를 누르면 담겨있는 주소로 이동하는 방식이다.
속성에 값을 넣어 다른 url 혹은 다른 html로 이동 가능하다.
기본 형태
<a href="이동할 url 혹은 파일">이름</a>
정상적으로 네이버, 구글, hello.html로 이동이 된다.
기본적으로 a + tab으로 자동완성을 사용하면 href만 나오는데
하이퍼링크를 클릭했을 때
이 페이지에서 표시할지
새 페이지에서 열지 지정하는 속성이 있다.
바로 target 이다.
기본 설정은 입력하지 않아도 _self로 설정되어있다.
그래서 보이는 화면에서 이동만 하게된다.
하지만 target에 _blank 속성을 넣어주면 새 탭에서 열리는 것을 확인할 수 있다.
<body>
<a href="https://www.google.com">구글로 이동</a>
<a href="hello.html" target="_blank">새 탭으로 열기</a>
</body>결과 ( 클릭 가능 )
구글 열기
728x90
'웹 프론트엔드(Web FrontEnd)' 카테고리의 다른 글
| [HTML] <li> 태그 {<ul>, <ol>, 목록(list) 만들기} (0) | 2022.07.17 |
|---|---|
| [HTML] <table> 테이블 태그 (rowspan, colspan, border 사용 방법) (0) | 2022.07.17 |
| [HTML] 블록과 인라인의 개념 (특징, 주의할 점) (0) | 2022.07.17 |
| [HTML] 태그란? (사용 방법, 태그 종류, 실습) (0) | 2022.07.17 |
| 이해하기 쉬운 CSS 설명 (Cascading Style Sheet 기초 지식) (0) | 2022.07.17 |
