HTML 링크는 링크를 클릭하면 다른 문서로 이동하는 하이퍼링크입니다.
구문
다음은 구문입니다 -
<a href=”URL” target=”value” >Link Content</a>
여기 URL 대상 주소를 지정하며 로컬 또는 외부 주소가 될 수 있습니다. 타겟 속성은 연결된 문서를 열 위치를 정의하며 다음 값을 사용할 수 있습니다.
| 값 | 설명 |
|---|---|
| _blank | 링크된 문서를 새 탭이나 창에서 엽니다. |
| _부모 | 상위 프레임에서 링크된 문서를 엽니다. |
| _자신 | 링크된 문서를 같은 창에서 엽니다. |
| _상단 | 링크된 문서를 창 전체에 엽니다. |
예시
HTML 링크의 예를 살펴보겠습니다 -
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
text-align: center;
}
</style>
<body>
<h1>HTML Links Demo</h1>
<a href="https://google.com" target="_blank">Go To Google</a>
</body>
</html> 출력
이제 "Google로 이동을 클릭하십시오. ” 링크를 클릭하여 새 창에서 Google 링크를 엽니다.