반응형
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
반응형
'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 |