# ![Screenshot from 2025-01-27 05-27-46](https://hackmd.io/_uploads/S1g3ZyHO1x.png) ![Screenshot from 2025-01-27 05-27-46] ![Screenshot from 2025-01-27 05-28-16](https://hackmd.io/_uploads/rk9qzJruJg.png) ![Screenshot from 2025-01-27 05-28-40](https://hackmd.io/_uploads/Hkm3zkSukx.png) ![Screenshot from 2025-01-27 05-29-06](https://hackmd.io/_uploads/BkbazyBO1l.png) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="author" content="Christiana"> <meta name="description" contents"This page contains all the things I am learning how to create as I learn HTML."> <title>My Web Page</title> <link rel="Icon" href="html5.jpg" type="image/x-icon"> <link rel="stylesheet" href="main.css" type="text/css"> </head> <style> html { font-size: 22px } body { background-color: #333; color: whitesmoke } a { color: aliceblue; } a:visited { color: lightgrey; } a:hover, a:active { colour: #eee; } </style> <body> <h1>HTML TUTORIAL</h1> <hr> <nav> <ul> <li> <a href="#html">HTML TUTORIAL</a> </li> <li> <a href="#vacation">Planing a vacation</a> </li> </ul> </nav> <hr> <section> <h2>I am ready to learn html</h2> <p>Ths is my assignment for the weekend dated January, 26.</p> <img src="/home/hp/Tutorial/img/images.jpeg" alt="Web school title="I am learning HTML5" width="300" height="300"> <h3>My daily schedule</h3> <p>Let me tell you how: <br>&nbsp; &nbsp; &nbsp; ....I learn more web dev. <br>&nbsp; &nbsp; &nbsp; ....I plan out my schedule. <br>&nbsp; &nbsp; &nbsp; ....I use resources from <abbr title="Mozilla Developer Network"><a href="https://developer.mozilla.org/">MDN</a> </abbr>. </p> </section id="html"> <hr> <p>Let me tell you how:</p> <ol> <li> ....I learn more web dev.</li> <li>....I plan out my schedule.</li> <li>....I use resources from <abbr title="Mozilla Developer Network">MDN</abbr>.</li> </ol> <hr> <section id="vacation"> <h2> I Am Also Planning a Vacation</h2> <p> I've been working hard and <em>really need a getaway</em>.</p> <img src="/home/hp/Tutorial/img/pexels-recalmedia-60217.jpg" alt="vacation="I am learning HTML5" width="300" height="300"> <h3>Place I'd Like to Visit</h3> <ul> <li> <p> I've headr good things about the Caribbean.</p> </li> <li> <p>I've heard good things about going here:</p> <address> Margaritaville Island Reserve Riviera Cancun<br> Bahia Petempich Puerto Morelos, Mexico<br> Colonia Morelos, Mexico 77500 </address> </li> </ul> <!--TOD0: Add more places--> <h3>Places I Want to Avoid</h3> <p>Anywhere cold. <strong>No way!</strong></p> <br> <h3>Places I Want to Avoid</h3> <dl> <dt>North Pole</dt> <dd>I hear this is <strong>cold</strong>!</dd> <dt>South Pole</dt> <dd>This is also <strong>cold</strong>!</dd> <dt>Mountain Tops</dt> <dd>These are also cold</strong>!</dd> </dl> </section> <hr> <--copyright--> &It;&It;&It; &copy; <a href="about.html">Christiana</a> &It;&It;&It; <p> <a href="#">Back to top</a> </p> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="author" content="Christiana"> <meta name="description" contents"This page contains all the things I am learning how to create as I learn HTML."> <title>My Web Page</title> <link rel="Icon" href="html5.jpg" type="image/x-icon"> <link rel="stylesheet" href="main.css" type="text/css"> </head> <style> html { font-size: 22px } body { background-color: #333; color: whitesmoke } a { color: aliceblue; } a:visited { color: lightgrey; } a:hover, a:active { colour: #eee; } </style> <body> <h1>HTML TUTORIAL</h1> <hr> <nav> <ul> <li> <a href="#html">HTML TUTORIAL</a> </li> <li> <a href="#vacation">Planing a vacation</a> </li> </ul> </nav> <hr> <section> <h2>I am ready to learn html</h2> <p>Ths is my assignment for the weekend dated January, 26.</p> <img src="/home/hp/Tutorial/img/images.jpeg" alt="Web school title="I am learning HTML5" width="300" height="300"> <h3>My daily schedule</h3> <p>Let me tell you how: <br>&nbsp; &nbsp; &nbsp; ....I learn more web dev. <br>&nbsp; &nbsp; &nbsp; ....I plan out my schedule. <br>&nbsp; &nbsp; &nbsp; ....I use resources from <abbr title="Mozilla Developer Network"><a href="https://developer.mozilla.org/">MDN</a> </abbr>. </p> </section id="html"> <hr> <p>Let me tell you how:</p> <ol> <li> ....I learn more web dev.</li> <li>....I plan out my schedule.</li> <li>....I use resources from <abbr title="Mozilla Developer Network">MDN</abbr>.</li> </ol> <hr> <section id="vacation"> <h2> I Am Also Planning a Vacation</h2> <p> I've been working hard and <em>really need a getaway</em>.</p> <img src="/home/hp/Tutorial/img/pexels-recalmedia-60217.jpg" alt="vacation="I am learning HTML5" width="300" height="300"> <h3>Place I'd Like to Visit</h3> <ul> <li> <p> I've headr good things about the Caribbean.</p> </li> <li> <p>I've heard good things about going here:</p> <address> Margaritaville Island Reserve Riviera Cancun<br> Bahia Petempich Puerto Morelos, Mexico<br> Colonia Morelos, Mexico 77500 </address> </li> </ul> <!--TOD0: Add more places--> <h3>Places I Want to Avoid</h3> <p>Anywhere cold. <strong>No way!</strong></p> <br> <h3>Places I Want to Avoid</h3> <dl> <dt>North Pole</dt> <dd>I hear this is <strong>cold</strong>!</dd> <dt>South Pole</dt> <dd>This is also <strong>cold</strong>!</dd> <dt>Mountain Tops</dt> <dd>These are also cold</strong>!</dd> </dl> </section> <hr> <--copyright--> &It;&It;&It; &copy; <a href="about.html">Christiana</a> &It;&It;&It; <p> <a href="#">Back to top</a> </p> </body> ![Screenshot from 2025-01-27 05-42-08](https://hackmd.io/_uploads/r1q9XkS_1l.png) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="author" content="Christiana"> <meta name="description" contents"Hi, i'm Christiana. This page is about me."> <title>About Me</title> <link rel="Icon" href="html5.jpg" type="image/x-icon"> <link rel="stylesheet" href="main.css" type="text/css"> </head> <body> <h1>Hi, I'm Christiana</h1> <hr> <p> Hello I am Christiana. To know more about me your have to follow all my social media pages and tag me for interesting and captivating contents. Stay enlightened. </p> <hr> <ul> <li>Download an <a href="html5.jpg" download>HTML5 favicon</a></li> <li>Contact me at <a href="mailto:xty.com" >My email address</a></li> <li>Dial <a href="tel: +234667776887">My phone number</a></li> <li>Contact me at <a href="https://www.google.com/" target"_blank">Google</a></li> <--copyright--> &It;&It;&It; &copy; <a href="about.html">Christiana</a> &It;&It;&It; <p> <a href="/">Back to Home</a> </p> </body> </html> </html>