[HTML] Hyper Text로 링크 연결

JISO.O·2022년 5월 11일
0

HTML

목록 보기
4/6
post-thumbnail

Hyper Text는 <a></a> 태그를 사용한다

링크 생성

<a href = "https://velog.io/@ji0_0s" target="_blank">belog</a>belog라는 링크를 생성한다.
여기서 target="_blank"는 링크된 것으로 이동할 때 새 창을 띄우겠다는 의미이다.
<a></a>는 글자뿐만 아니라 이미지에도 링크를 걸 수 있다.

링크 색상 지정

<body link="orange" alink="green" vlink="yellow">는 링크의 색상을 지정하는 태그들이다. link는 링크를 처음 생성하여 클릭하지 않았을 때 나타나는 색깔이다. alink는 링크를 클릭하는 순간에 나타나는 색깔이다. vlink는 한 번 방문한 링크를 표시해주는 색깔이다. link 색상의 기본값은 파란색이다.

다른 홈페이지로 이동하기

<a href = "https://www.kyobobook.co.kr/">교보문고</a>

글자에 홈페이지 링크를 걸어주었다
교보문고

<a href = "https://www.naver.com/"><img src = "C:\html_study\images\naver.jpg"></a>

그림에 홈페이지 링크를 걸어주었다

<a href = "https://www.coupang.com/"><img src = "C:\html_study\images\coupang.jpg">쿠팡</a>

그림과 글자에 홈페이지 링크를 걸어주었다
쿠팡

책갈피

<a href="#num01">1. 뉴스-1</a>
<a href="#num02">2. 뉴스-2</a>
<a name = "num01"></a>
<a name = "num02"></a>

이 두 가지의 코드로 책갈피를 만들 수 있다.

profile
미림마이스터고등학교에서 개발을 공부중인 학생입니다!

0개의 댓글