하이퍼링크(Hyperlink or link)
<a>태그를 이용하여 텍스트 or 이미지와 같이 요소에 링크를 걸어 두는 것
- 링크가 걸려있는 텍스트나 이미지를 클릭하면 다른 페이지로 이동한다.
<a>태그
- 기본문법
href속성을 이용하여 연결할 파일이나 링크할 주소를 적는다.
<a href="링크 주소">텍스트 or 이미지<a>
사용예시 : 텍스트&이미지 링크 만들기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>하이퍼링크 사용</title>
</head>
<body>
<h3>텍스트 링크 만들기</h3>
<ul>
<li><a href="html.html">HTML이란?</a></li>
<li><a href="css.html">CSS란?</a></li>
<li><a href="https://www.naver.com/">네이버 바로가기</a></li>
</ul>
<br>
<h3>이미지 링크 만들기</h3>
<a href="https://www.ypbooks.co.kr/kor_index.yp"><img src="../img/영풍문고.PNG" width="200px" height="200px"></a>
</body>
</html>
<a>태그의 속성
- href : 이동할 페이지의 URL주소 설정한다.
- target :
target="_blank"는 새 창에 페이지를 표시한다.
참고
- Do it! HTML+CSS+자바스크립트 웹 표준의 정석
- HTML/CSS 입문
