[HTML]07_링크(link), 하이퍼링크(Hyperlink) 사용하기

2u·2023년 3월 14일
0

HTML

목록 보기
6/22
post-thumbnail

: 인터넷에서 텍스트나 이미지를 클릭했을 때, 다른 페이지로 이동하는 기능을 구현하는 방법이다.

<a href="https://velog.io" targer="_black"> 벨로그</a>

벨로그

-> 이 하이퍼링크 기능을 구현하기 위해서는 <a> 태그와 그 안의 속성들을 사용한다.

2. <a> ⛵️⛵️

: anchor(=='닻')
: 우리는 보통 인터넷 서핑, 웹서핑 이라는 말을 많이 쓰는데 인터넷, 저보의 바다를 항해한다고도 표현한다.
: 인터넷에서 정보의 항해하는 것은 대부분 링크를 클릭함으로써 이루어진다.
: 그런 의미에서 html에서 링크를 표현하기 위해 anchor의 약자인 <a> 태그를 사용한다.

3. href 💻

: 링크를 클릭했을 때 이동할 페이지를 href 속성에 표현한다.

  • href: Hypertext Reference의 약자

4. target 🔫

: 링크를 클릭했을 때 이동할 페이지를 띄울 위치를 지정해 준다.

  • _blank : 새로운 창 또는 탭에 링크된 페이지를 보여준다
  • _self(기본값) : 현재 창에 링크된 페이지를 보여준다.
  • _Parent : 부모 프레임에 링크된 페이지를 보여준다.
  • _top : 해당 프레임을 포함한, 최고 상단 페이지에 링크된 페이지를 보여준다.
  • 페이지를 띄울 프레임 이름 : 사용자가 지정한 프레임에 링크된 창을 띄운다.
'_parent', '_top', '페이지를 띄울 프레임 이름' 항목은 프레임에 대해서 알아야 하므로 여기서는 패스!

5. 텍스트

: <a>태그와 </a>태그 사이에 화면에 보여질 텍스트를 적어준다.
: 이미지를 클릭했을 때 해당 페이지로 이동하고 싶다면 텍스트 대신 이미지를 삽입하면 된다.

0개의 댓글