웹프로그래밍 2. 페이지 이동 및 사진, 글자 정렬 실습

Posted by PeEn

2019. 9. 17. 11:26 Programing/Web Programming

페이지 이동 및 사진, 글자 정렬

소스코드 photo3

<!-- photo3.html -->

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Photo Album</title>
	
</head>
	
<body BGCOLOR = FFCC99>
	<center><h1>포토 앨범</h1></center>
	<hr size=2 color=red align = left>
	<img src="C:\Users\smart\Desktop\201562054\Flower1.jpg" align=left>아름다운 꽃
	<br clear = left>
	<hr size=2 color=blue align = left>
	<img src="C:\Users\smart\Desktop\201562054\Flower2.jpg" align=left>노란
	<br clear = left>
	<hr size=2 color=green align = left>
	<center> 1 
		<a href="photo4.html" target=_self>2</a>
		<a href="photo5.html" target=_self>3</a>
	 </center>

</body>
</html>

소스코드 photo4

<!-- photo4.html -->

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Photo Album</title>
	
</head>
	
<body BGCOLOR = FFCC99>
	<center><h1>포토 앨범</h1></center>
	<hr size=2 color=red align = left>
	<img src="C:\Users\smart\Desktop\201562054\Flower3.jpg" align=left>분홍
	<br clear = left>
	<hr size=2 color=blue align = left>
	<img src="C:\Users\smart\Desktop\201562054\Flower4.jpg" align=left>그린
	<br clear = left>
	<hr size=2 color=green align = left>
	<center> <a href="photo3.html" target=_self>1</a>
		2
		<a href="photo5.html" target=_self>3</a>
	 </center>
</body>
</html>

소스코드 photo5

<!-- photo5.html -->

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Photo Album</title>
	
</head>
	
<body BGCOLOR = FFCC99>
	<center><h1>포토 앨범</h1></center>
	<hr size=2 color=red align = left>
	<img src="C:\Users\smart\Desktop\201562054\Flower5.jpg" align=left>흰색꽃
	<br clear = left>
	<hr size=2 color=blue align = left>
	<img src="C:\Users\smart\Desktop\201562054\Flower6.jpg" align=left>나무에 흰
	<br clear = left>
	<hr size=2 color=green align = left>
	<center> <a href="photo3.html" target=_self>1</a>
		<a href="photo4.html" target=_self>2</a>
		3
	 </center>
</body>
</html>

'Programing > Web Programming' 카테고리의 다른 글

CSS 수평 리스트, 테이블 (0)	2019.10.22
img,video,audio 삽입 \| table \| fieldset \| input \| button (0)	2019.10.10
IIS 서버 HTML (0)	2019.10.01
웹프로그래밍 2. 테이블 (0)	2019.09.17
웹프로그래밍 1. html 기본요소 (0)	2019.09.10