HTML - <a>

jeong·2021년 6월 27일
0

꼭 알아야하는 태그 1 : a태그

a태그 : anchor 닻
링크를 넣어줄 수 있다
클릭 이벤트에 대한 페이지 이동 관련 이벤트 핸들러 제공

a태그 형식

<a href = "링크 주소 복붙"> </a>
  • HTML주석 쓰는 방법 :
    <!-- => 하이퍼 링크(Hyper Link) : a 태그의 박스모델에서 클릭 이벤트가 발생된 경우
    href 속성값으로 등록된 URL 주소를 요청하여 새로운 응답 결과를 받아와 출력 - 페이지 이동 -->
    <!-- => 브라우저의 주소창이 href 속성값으로 등록된 URL 주소로 변경 -->

예제

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML</title>
</head>
<body>
	<h1>a 태그</h1>
	<hr>
	<!-- => 브라우저의 주소창이 href 속성값으로 등록된 URL 주소로 변경 -->
	<a href="https://www.daum.net">다음</a>&nbsp;&nbsp;&nbsp;
	<a href="https://www.naver.com">네이버</a>&nbsp;&nbsp;&nbsp;
	<a href="https://www.google.com">구글</a>&nbsp;&nbsp;&nbsp;
	<hr>
	<!-- target 속성 : 웹문서(웹프로그램)을 요청하여 출력될 브라우저를 속성값으로 설정 -->
	<!-- => 속성값 : _self(현재창 - 기본), _blank(새창), _top(최상위 부모창)
	, _parent(부모창), _child(자식창), iframe 태그의 name 속성값 -->
	<a href="/web/html/07_kor.html" target="_blank"><img src="/web/html/images/kor.png"></a>
	<a href="07_eng.html" target="_blank"><img src="images/eng.png"></a>
</body>
</html>

링크가 오픈될 때 새 탭으로 열고 싶은 경우

<a href="링크주소 복붙" target="_blank">

링크가 어떤 사이트로 가는지, 연결되는지 마우스를 올리면 사이트 제목이 작게 뜨게 하고 싶다
-> 툴팁으로 알려주기

<a href="링크주소 복붙" target="_blank title="html5 specification">
profile
배우는 초보개발자

0개의 댓글