<!DOCTYPE html> <html lang="en"> <head> <title>HTML5 and CSS practice</title> <meta charset="UTF-8"> <meta name="description" content="html5 and CSS practice"> <meta name="keywords" content="html5, CSS, semantic element"> <meta name="author" content="My Student"> <link rel="stylesheet" href="html_5.css"> </head> <body> <div id="allcontent"> <header> <h1>My College</h1> </header> <nav> <h2>This is for Navigation </h2> <p> <a href="index.html">Home Page</a> <a href="jettie.html">2nd Web Page</a> </p> </nav> <section> <h2>This is for Section </h2> <article id="london"> <h3>This is for article 1</h3> <h4>London</h4> <time datetime="2025-05-25"> 5/25/2025 </time> <p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> </article> <article id="columbus"> <h3>This is for article 2<h3> <h4>Columbus</h4> <figure> <img src="images/man.jpg" alt="my image" width="150" height="150"> <figcaption>Fig1. I am Rocky .</figcaption> </figure> </article> </section> <aside> <h2>This is for aside.</h2> <h3>Video example</h3> <p> <video width="320" height="300" controls> <source src= "small.mp4" type="video/mp4"> Your browser does not support the video tag. </video> </p> <h3>Audio example</h3> <p> <audio controls> <source src="Allegro.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> </p> </aside> <footer> <p> Contact information: <a href="mailto:someone@example.com"> someone@example.com</a> </p> <address>Written by Jon Doe. Visit us at:Example.com<br> Box 564, Disneyland<br> USA </address> </footer> </div> </body> </html