---
# System prepended metadata

title: '![Screenshot from 2025-01-27 05-27-46](https://hackmd.io/_uploads/S1g3ZyHO1x.png)'

---

# ![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>
    
    
    
    