웹 프로그래밍/HTML

[HTML] a 태그에 대해 알아보자

산을넘는다 2020. 6. 26. 02:45

a 태그는 anchor(닻) 이라는 의미를 가진다.

즉, 어떤 페이지로 링크를 거는 기능을 한다.

 

이때, 경로를 잘 지정해야 한다. 

경로를 제대로 입력하지 않으면 404 에러가 난다.

 

'../' 의미 : 현재 html이 속한 경로의 상위에 있는 

 

target 속성을 통해 새창으로 띄울 수 있다.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body> 
	<!-- <a href = "https://localhost:9999/Lecture-WEB/html/exam01.html"> exam01 </a> -->
	<!-- <a href = "/Lecture-WEB/html/exam01.html"> exam01 </a> -->
	<!-- <a href = "/Lecture-WEB/html/exam01.html"> exam01 </a> -->
	<a href = "../html/exam01.html"> exam01 </a><br>
	<a href = "exam01.html"> exam01 </a><br>
	<a href = "https://www.naver.com"> 네이버 </a><br>
	<a href = "https://daum.net" target ="_blank"> 다음 </a><br>
</body>
</html>