웹 문서에서 특정 텍스트 나 이미지 등의 링크를 누르면 다른 페이지로 이동하는 기능을
하이퍼 링크 라고 합니다. html 에서 지원하는 하이퍼링크(hyperlink) 만드는 방법입니다.
<!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>Document</title>
</head>
<body>
<h3>하이퍼링크 태그 예제 입니다.</h3>
<h4><a href="hyperLink.html" target="_blank">하이퍼링크 테스트하기</a></h4>
</body>
</html>하기는 결과 값입니다.
하이퍼링크를 만들기 위해서는, 하기 태그가 중요합니다.
<a href="hyperLink.html" target="_blank">하이퍼링크 테스트하기</a><a> : 하이퍼링크를 동작시키는 태그입니다.
해당 태그로 텍스트 나 이미지 등을 둘러싸면 각각 텍스트 하이퍼링크, 이미지 하이퍼링크 가 됩니다.
참고로, a는 anchor의 약자로 다프 이라는 뜻입니다.
href 속성 : href 뒤에 이동될 웹 페이지 url를 기재합니다.
target 속성 : 새로운 웹페이지에서 하이퍼링크가 열리도록 설정합니다.
target 속성이 없으면 기존 페이지에서 그대로 해당 문서가 열립니다.
_blank 속성을 주면 새로운 페이지에서 웹 문서가 열립니다.
하이퍼링크 를 만들어주는 <a> 태그 예제를 만들어보았습니다.
참고로 a 는 anchor 라는 뜻 입니다.
감사합니다.
반응형
'앱 만들기 > HTML5' 카테고리의 다른 글
| <form> 태그 예제 (2) | 2023.03.12 |
|---|---|
| <Object> 태그 예제 (4) | 2023.03.10 |
| 비디오 태그 예제 (2) | 2023.03.07 |
| 오디오 태그 예제 (6) | 2023.03.06 |
| html 표 셀 합치기 예제 (4) | 2023.03.04 |
댓글