본문 바로가기
언어/HTML & CSS

[IT] HTML ㅡ <a> 태그란 ?

by 저여저 2024. 1. 25.

<a> 태그란 ?? 

ㅡ하이퍼링크이다.  실행시에 특정 위치나 웹 등 목적지로 이동을 시켜 준다.

ㅡ 자동 스타일링이 있다.  / CSS로 변경 가능하다.

 

<a> 태그의 대표적인 속성 2가지

1. href : 향하는 목적지이다.  하이퍼링크가 가리키는 url 주소 또는 url스킴 을 (위치) 적는다.

ㅡ 절대경로 : 현재 위치와 상관없이 절대적으로 적힌 href 로 연결해준다.

    <a href="https://www.naver.com/"></a>

ㅡ상대경로 : 현재 위치와 상관 있다. 현재 위치를 기준으로 이동할 파일이 어디에 있는지 명시한다.

: 현재 폴더기준으로 이동할 폴더명을 찾아쓰고, 파일명을 쓴다.     ex) another/a.html 

  <a href="another/a.html"></a>

ㅡ이메일/ 전화 

 <a href="mailto:acic22@email.com"></a>
    <a href="tel:555-5545"></a>

 

 

2. target  :  링크한 url을 표시할 위치이다.

ㅡ _self : 현재 브라우징

ㅡ _blank : 새로운 브라우징 . 새 탭에서 연다 ( 사용자가 브라우저 설정을 통해 새 브라우징으로 변경가능)

    <a href="http://example.com" target="_blank">Example link</a>

 

 

ㅇ <a> 태그의 값