so woon!

tag (a) 본문

HTML/개념정리

tag (a)

xowoony 2022. 8. 25. 21:37

학습일 : 2022. 08. 25

태그(a)   <a>
중요도 : 🖤🖤🖤🖤🖤
종류 : 닫는 태그 필요

 


a태그 혹은 앵커(Anchor) 태그는 아래 목적 중 하나 이상의 목적으로 사용한다.
  1. 🖤🤍🤍의미 없는 단순 텍스트를 담는 용도.
  2. 🖤🖤🖤 다른 페이지로의 링크(Link)를 걸기 위한 용도.
  3. 🖤🖤🤍 페이지 내 특정 위치를 지정하기 위한 용도.

 


속성 
href : Hypertext Reference, 해당 a태그를 클릭하면 이동할 페이지의 주소를 속성 값으로 명시한다.
          작성 예) <a href="www.ooo.com">ooo사이트</a>
target : 해당 링크를 어느 위치에서 열지에 대한 설정이고, 그 값은 아래 중 하나이다.
            1. _self : 현재 창/탭에서 연다. 기본값.
            2. _blank : 새로운 창/탭에서 연다.
          작성 예1 ) <a href="www.ooo.com" target="_self">oo사이트</a>      ===>  현재 창/탭에서 열림
          작성 예2 ) <a href="www.ooo.com target"_black">oo사이트</a>      ===> 새로운 창/탭에서 열림

 

<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>A태그</title>
    </head>
    <body>
        <a href="https://www.google.com">구글</a>❤
        <a href="https://www.naver.com" target="_blank">네이버</a>❤
        <a>아무 의미 없음</a>
    </body>
</html>

============실행결과===========

구글 클릭 시 ==> 현재 창에서 열림
네이버 클릭 시 ==> 새로운 창에서 열림

저작자표시 비영리 변경금지

'HTML > 개념정리' 카테고리의 다른 글

tag (img)  (0) 2022.08.25
tag (sup), tag (sub)  (0) 2022.08.25
tag (p)  (0) 2022.08.25
tag (br)  (0) 2022.08.25
tag (b), tag (strong)  (0) 2022.08.25
'HTML/개념정리' Related Articles more
Comments