하이퍼 텍스트
- 하이퍼 링크
링크 태그 → <a></a>
: 닻
- 속성 가질 수 있음 <a 속성></a>
⇒ 속성
: 태그에 대해 추가적인 정보를 제공, HTML의 모든 태그는 속성을 가질 수 있음
<a 키="값">구글</a>
<a 링크주소="www.google.com">구글</a>
- 작은 짜옴표도 ok, 속성 2개 이상은 띄어쓰기로 구분
•
href(링크주소) : 연결할 웹 사이트 주소를 담고 있음
•
url(주소+경로) : 인터넷에서 HTML 페이지, CSS 문서, 이미지 등 자원의 위치를 나타냄
- 절대 URL : 접근하는 최초 시작점부터 경유한 경로를 모두 기록하여 리소스의 위치를 나타냄
- 상대 URL : 기준점을 기준으로 상대적인 경로를 기록하여 리소스의 위치를 나타냄
•
target : 클릭으로 링크르 열 때 어디에 오픈할 것인지 정함
- target="_self" : 현재 탭에서 링크를 여는 속성
- target="_blank" : 새 탭(창)에서 링크를 여는 속성
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>여정잉입니당</title>
</head>
<body>
<a>구글</a>
<a href="https://www.google.com">구글</a>
</body>
</html>
HTML
복사