[HTML] 앵커(anchor)태그 (a, href, target)

Development/HTML

[HTML] 앵커(anchor)태그 (a, href, target)

MUMYEONG IMDA 2022. 3. 9. 15:44

앵커(anchor)태그

브라우저 내의 페이지에서 다른 페이지를 연결할 때 사용하는 하이퍼링크(hyperlink)를 지정할 때 사용한다.

1) href 속성

이동하고 싶은 파일 또는 페이지의 위치(경로)를 값으로 넣으면 지정한 목적지로 이동할 수 있다.
웹페이지의 경우 아래의 예시처럼 웹사이트URL(https://thkim0627.tistory.com/)을 값으로 넣는다.

2) target 속성

_self : 링크를 클릭했을 때 웹페이지를 현재 탭에서 이동(기본 값)
_blank : 링크를 클릭했을 때 웹페이지를 새로운 탭에서 이동

코드

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Anchor</title>
</head>

<body>
    <a href="https://thkim0627.tistory.com/" target="_self">티스토리: 태형이야기</a> (현재 탭에서 이동)<br>
    <a href="https://thkim0627.tistory.com/" target="_blank">티스토리: 태형이야기</a> (새로운 탭에서 이동)
</body>

</html>

결과

이동 결과

LIST