본문 바로가기
웹프로그래밍/HTML5

[HTML5] 07. 하이퍼링크

by 폴더맨 2023. 12. 29.

07. 하이퍼링크

클릭을 통해 특정 위치로 이동할 수 있는 하이퍼링크 기능을 사용하고자 할 때에는 <a> 태그를 사용한다.

1. <a> 태그와 속성들

<a>는 anchor(닻, 지주)의 약자이다. <a> 태그의 기본 형식은 다음과 같다.

<a href="이동할 위치" target="_blank> 내용(텍스트 또는 이미지) </a>

- href 속성: "hypertext(문장 중의 어구나 그것에 붙은 표제, 표제를 모은 목차 등이 서로 연결된 문자 데이터 파일) reference(참조)"의 약자이다.

- target 속성: 링크된 내용이 열릴 창, _blank(새로운 창), _self(현재의 창),

현재의 창이 프레임으로 구성된 경우 _top(현재의 프레임), _parent(부모 프레임), 프레임명(직접 지정)

- download 속성: 파일 다운로드

- id 속성을 통한 특정 위치로의 이동

<a href="#이동할 특정 위치의 이름">내용</a>

<a id="이동할 특정 위치의 이름">내용</a>

형식으로 사용

 

2. 다양한 링크 형식

- 이메일 링크: <a href="mailto:이메일주소">내용</a>

- 자바스크립트 링크: <a href="javascript:자바스크립트 코드">내용</a>

- 파일 링크: <a href="test.zip">내용</a>

#HTML5 #HTML #하이퍼링크 #링크 #태그 #tag #link #hyperlink

 

참고:

- HTMML 하이퍼링크: https://poiemaweb.com/html5-tag-link

 

HTML5 Tag - Link | PoiemaWeb

HyperText의 Hyper는 컴퓨터 용어로서 텍스트 등의 정보가 동일 선상에 있는 것이 아니라 다중으로 연결되어 있는 상태를 의미한다. 이것은 HTML의 가장 중요한 특징인 link의 개념과 연결되는데 기존

poiemaweb.com

 

세상을 링크하라!!! 모든 링크를 한 자리에...
링크닷컴: https://linkdotcom.mycafe24.com/

 

유용한 링크, 링크닷컴 #무료 #링크사이트 #링크사이트

컴퓨터 및 일반 유용한 링크들을 모아 놓았습니다. 지금 바로 확인하세요!

linkdotcom.mycafe24.com

 

'웹프로그래밍 > HTML5' 카테고리의 다른 글

[HTML5] 09. 테이블  (0) 2023.12.31
[HTML5] 08. 창(iframe)  (0) 2023.12.29
[HTML5] 06. 이미지 요소들  (0) 2023.12.29
[HTML5] 05. 리스트(목록)의 종류와 요소들  (0) 2023.12.29
[HTML5] 04. 텍스트 요소들  (1) 2023.12.29