TIL: 스스로 이해한 것을 바탕으로 정리하였기에 오류가 있을 수 있습니다. 틀린 부분은 댓글로 알려주시면 감사하겠습니다.
하이퍼링크
하이퍼링크 기능은 웹문서가 또 다른 문서로 클릭만으로 이동할 수 있게끔 연결시켜놓은 기능이다.
텍스트문구를 클릭해서 이동하는 방법, 이미지를 클립해서 이동하는 방법, 페이지내에서 또 다른 위치로 이동하는 방법등 다양한 방법이 존재한다.
하이퍼링크 태그
<a href= "주소"> </a>
1. 텍스트를 클릭해서 웹페이지 링크 연결하기
target은 새탭에서 여느냐 현재 페이지에서 여느냐를 나타내는 속성으로
target="_self" 는 현재 페이지에서 열리며,
target="_blank" 는 새탭에서 열린다. 기본값은 "_self" 이다.
2. 이미지를 클릭해서 웹페이지 링크 연결하기
<a> 태그 사이에 이미지 주소를 제시하며, 크기 지정도 가능하다.
3. 현재 페이지내에서 점프하는 앵커만들기
이동할 위치에 id를 지정해주고,
a태그내의 href= 속성에 "# id값" 을 입력해준다.
'Front-end' 카테고리의 다른 글
[AJAX] JQuery를 이용한 AJAX 테스트 (0) | 2021.04.15 |
---|---|
[AJAX] AJAX란? 개요 및 속성 정리 (0) | 2021.04.15 |
[HTML] 영역 관련 태그; div태그와 span태그, iframe태그 (0) | 2021.03.07 |
[HTML] input 태그의 type들; text, 숫자, 날짜 및 시간, 색상, 라디오 버튼과 체크박스까지 (0) | 2021.03.07 |
[HTML] 입력 양식 및 폼 관련 태그 (0) | 2021.03.04 |
댓글