display multiple web pages on one page html code example
Example 1: multiple pages in one html file
<html>
<head>
<script>
function show(shown, hidden) {
document.getElementById(shown).style.display='block';
document.getElementById(hidden).style.display='none';
return false;
}
</script>
</head>
<body>
<div id="Page1">
Content of page 1
<a href="#" onclick="return show('Page2','Page1');">Show page 2</a>
</div>
<div id="Page2" style="display:none">
Content of page 2
<a href="#" onclick="return show('Page1','Page2');">Show page 1</a>
</div>
</body>
</html>
Example 2: how to create multiple pages in html
<!DOCTYPE html>
<html>
<head>
<link href="./style.css">
<script type="text/javascript" src="./script.js"></script>
<title></title>
</head>
<body>
<a href="./new_page.html">Link to other pages</a>
...
</body>
</html>