<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>First_page</title>
</head>
<body>
<h1>첫번째 페이지</h1>
<a href="./page_second.html">두번째 페이지로 이동</a>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Second_page</title>
</head>
<body>
<h1>두번째 페이지</h1>
<a href="./page_third.html">세번째 페이지로 이동</a><br /><br />
<button onclick="history.back">이전페이지</button>
<button onclick="history.forward">다음페이지</button>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Third_page</title>
</head>
<body>
<h1>세번째 페이지</h1>
<a href="./page_first.html">첫번째 페이지로 이동</a><br /><br />
<button onclick="history.go(-1)">1단계 이전 페이지</button>
<button onclick="history.go(-2)">2단계 이전 페이지</button>
</body>
</html>