본문 바로가기

Coding/Html

Html a 태그 알아보기

반응형

Html a(anchor) 태그 알아보기

 

anchor라고도 부릅니다.
속성에 주소를 집어넣어서 해당하는 주소로 이동할 수 있는 링크를 만들 때 사용합니다. 
span 태그와 마찬가지로, 원하는 부분에만 사용할 수 있습니다.

 

아래 주요 속성과 같이  사용합시다.

  • href: 주소를 입력합니다.
  • target: 페이지를 이동을 할 때, 새창으로 이동할건지 본창으로 이동할건지 판단합니다.
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h2>블로그로 이동하기</h2>
    <p>해당 <a href="https://zabefofoon.tistory.com/8" target="_blank">링크</a>를 새창으로 이동해보세요.</p>
    <p>해당 <a href="https://zabefofoon.tistory.com/8" target="_self">링크</a>를 본창으로 이동해보세요.</p>
  </body>
</html>

 


웹사이트를 편리하게 만들 수 있는 웹프로그램을 만들었습니다. 한번 구경해보세요.

 

https://zabefofoon.github.io/mm-guide/


로또 번호 생성기도 만들었습니다. 한번 구경해보세요.

 

https://zabefofoon.github.io/simple-lotto/?lotto=lottoKoea


 

 

관련글: 주요 Html 태그 알아보기

반응형

'Coding > Html' 카테고리의 다른 글

Html img 태그 알아보기  (78) 2023.12.25
Html div 태그 알아보기  (84) 2023.12.25
Html span 태그 알아보기  (2) 2023.12.25
Html p 태그 알아보기  (81) 2023.12.25
Html h1, h2, h3, h4, h5, h6 태그 알아보기  (1) 2023.12.25