[HTML] 링크 만들기,이동해보기(<a href="주소"></a>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test011.html</title>
</head>
<body>

<div>
	<h1>하이퍼링크 이동 실습</h1>
	<hr>
</div>

<div>
	링크 이동 페이지~!!!
</div>

</body>
</html>


<!-- ========================================================================== -->

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test011_1.html</title>
</head>
<body>

<div>
	<h1>하이퍼링크 실습</h1>
</div>

<div>
	<a href = "C:\WebStudy\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps\WebApp01\Test010.html">절대경로 지정 방식</a>
	<br> <br>
	
	<!-- 이동됨 -->
	<a href = "./Test011.html">상대경로 지정 방식</a>
	<br><br>
	
	<a href = "Test011.html"> 상대경로 지정방식 </a>
	<br><br>
	
	<a href = "http://localhost:8090/WebApp01/Test011.html"> 웹 상의 주소 지정 방식</a>
	<!--  <a href = "http://www.test.com/Test011.html"> 웹 상의 주소 지정 방식</a>-->	
	<br><br>
	
	<a name = "top">책갈피 위치</a>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	
	<a href = "#top">책갈피 위치로 이동하기</a>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
	
	
	
	
	
</div>

</body>
</html>

앵커태그 <a></a> 의 href 속성을 이용해서

다른 html 파일로 이동시키는 실습..

신기하다..

href속성은 name 속성을 이용해서 해당 위치로 이동하게끔 만들어 줄 수도 있다.

728x90

저작자표시 (새창열림)

'WEB Archive' 카테고리의 다른 글

[HTML] pre, xmp 태그 (0)	2024.08.19
[HTML] 이미지 다뤄보기(img) (0)	2024.08.19
[HTML] 표 만들기(table), 속성 적용하기 (0)	2024.08.19
[HTML] 테이블 열과 행 병합해보기 (0)	2024.08.19
[HTML] 테이블 열과 행 병합해보기 (0)	2024.08.19