본문 바로가기

Programming/HTML

table에서 <a>tag로 사진 불러오기

changePic.html

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<table border=1px>
		<tr>
			<th colspan=3>파이리가 진화하면 다음과 같습니다.</th>
		</tr>
		<tr>
			<td><a href=./CtrlImg/charmandarImgCtrl.html target=Img>귀여운 파이리</a></td>
			<td><a href=./CtrlImg/lizardImgCtrl.html target=Img>사나운 리자드</a></td>
			<td><a href=./CtrlImg/lizamonImgCtrl.html target=Img>난폭한 리자몽</a></td>
		</tr>
		<tr>
			<td colspan=3 align=center><iframe name=Img width=220 height=220>
				</iframe></td>
		</tr>
	</table>
</body>
</html>

 

charmandarImgCtrl.html

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<img src=../ImgFolder/charmandar.png width=200 height=200 align=center>
</body>
</html>

 

lizamonIngCtrl.html

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<img src=../ImgFolder/lizamon.PNG width=200 height=200 align=center>
</body>
</html>

 

lizardImgCtrl.html

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
	<img src=../ImgFolder/lizard.PNG width=200 height=200 align=center>
</body>
</html>

'Programming > HTML' 카테고리의 다른 글

checkbox 클릭으로 div 배경색상 변경  (0) 2020.02.18
비디오 보여주기  (0) 2020.02.18
빠른 화면이동  (0) 2020.02.17
이미지 아이콘버튼  (0) 2020.02.17
레이아웃  (0) 2020.02.17