<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>하이퍼링크</title>
</head>
<body>
<span>1. 하이퍼링크 페이지 이동</span><br>
<a href="http://yuchaestory.tistory.com/">앙큼한유채</a><br>
<span>2. 이미지 클릭 페이지 이동</span><br>
<a href="http://yuchaestory.tistory.com/"><img src="../img/4-01.png"></a><br>
<span><h1>페이지 내 이동</h1></span>
<p>나의 도서 목록 포트폴리오</p>
<p>나의 도서 목록 포트폴리오에서는 현재까지 내가 읽은 도서 목록과 간단한 도서 내용을 요약해서 보여 드립니다.</p>
<ul>
<li><a href="#book01">데미안</a></li>
<li><a href="#book02">죄와벌</a></li>
<li><a href="#book03">인간의 굴레</a></li>
<li><a href="#book04">사람은 무엇으로 사는가?</a></li>
<li><a href="#book05">동물농장</a></li>
<li><a href="#book06">젊은 베르테르의 슬픔</a></li>
<li><a href="#book07">곰의 제국</a></li>
<li><a href="#book08">마지막 강의</a></li>
<li><a href="#book09">논어</a></li>
<li><a href="#book10">정의란 무엇인가?</li>
<br><br><br><br><br><br><br><br><br><br><br>
<hr>
<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>
<h3>도서 요약</h3>
<table width="800px"; border="solid 1px black">
<tr>
<td bgcolor="lightgray";>
<a id="book01"></a><span>데미안</span>
</td>
</tr>
<tr>
<td>
<span>- 저자 : </span><br>
<span>- 출판사 : </span><br>
<span>- 책소개 : </span><br>
</td>
</tr>
<tr>
<td bgcolor="lightgray";>
<a id="book02"></a><span>죄와벌</span>
</td>
</tr>
<tr>
<td>
<span>- 저자 : </span><br>
<span>- 출판사 : </span><br>
<span>- 책소개 : </span><br>
</td>
</tr>
</table>
</ul>
</body>
</html>
|