2013년 7월 8일 월요일

(130708) 11일차 Atag1.html, Atag2.html, Atag3.html (a 태그 사용해서 링크걸기, 앵커 사용하기)

 - Atag1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<img alt = "Zion T!!" src = "image/ziont.jpg"> <br>
</body>
</html>


 - Atag2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<center>
<a href = "Atag1.html"> 사진이 있는 곳으로 이동 </a> <br><br>
<a href = "http://hongkwan.blogspot.kr/"> Hong의 뭐로할까나 블로그로 이동</a> <br><br>
<a href = "http://hongkwan.blogspot.kr/"> <IMG SRC = "image/lee.jpg"></a> <br><br>
</center>
</body>
</html>


 - 결과






















 - Atag3.html (앵커 사용)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<h2 align="center">앵커 연습 예제</h2>
<center>
<a name = "처음">
<hr size = 50%>
<a href = "#1장"> 1장 </a><br>
<a href = "#2장"> 2장 </a><br>
<a href = "#3장"> 3장 </a><br><br><br><br><br><br><br><br>

<a name = "1장">
<hr size = 50%>
1장 <br><br><br><br><br><br><br><br><br>
<a href = "#처음"> 위로 </a>

<a name = "2장"><hr size = 50%>
2장 <br><br><br><br><br><br><br><br><br>
<a href = "#처음"> 위로 </a>

<a name = "3장"><hr size = 50%>
3장 <br><br><br><br><br><br><br><br><br>
<a href = "#처음">위로</a>
</center>
</body>
</html>


 - 결과