Multiple distinct pages in one HTML file

Well, you could, but you probably just want to have two sets of content in the same page, and switch between them. Example:

<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>

Related Posts:

  1. Redirect from an HTML page
  2. What is ' and why does Google search replace it with apostrophe?
  3. Should I use tag for icons instead of ? [closed]
  4. Line break in HTML with ‘\n’
  5. Adding a favicon to a static HTML page
  6. What’s the difference between HTML ‘hidden’ and ‘aria-hidden’ attributes?
  7. How do I vertically align text in a div?
  8. How do I vertically center text with CSS?
  9. How do I vertically center text with CSS?
  10. What does do?
  11. What does enctype=’multipart/form-data’ mean?
  12. Link with target=”_blank” and rel=”noopener noreferrer” still vulnerable?
  13. What does do?
  14. How to make JavaScript execute after page load?
  15. Parse error: Syntax error, unexpected end of file in my PHP code
  16. How do I auto-resize an image to fit a ‘div’ container?
  17. Is there a minlength validation attribute in HTML5?
  18. Getting rid of bullet points from

Leave a Comment

© 2024 Read For Learn