html how to make a layout for multiple pages 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

<!-- Answer to: "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>

Tags:

Javascript Example

Recent Posts