Scribd
Upload
25 views9 pages

Day 1 PDF

These books are about kids coding books

Uploaded by

thandarkyaw
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
25 views9 pages

Day 1 PDF

These books are about kids coding books

Uploaded by

thandarkyaw
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

1.

My Webpage
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<h1>This is a Heading level 1</h1>
<h2>This is a Heading level 2</h2>
<h3>This is a Heading level 3</h3>
<h4>This is a Heading level 4</h4>
<h5>This is a Heading level 5</h5>
<h6>This is a Heading level 6</h6>

<p>This is a paragraph.</p>

<a href="https://www.example.com">This is a link</a>

<img src="image.jpg" alt="Description of the image">

<ul>
<li>Unordered list item 1</li>
<li>Unordered list item 2</li>
<li>Unordered list item 3</li>
</ul>

<ol>
<li>Ordered list item 1</li>
<li>Ordered list item 2</li>
<li>Ordered list item 3</li>
</ol>
</body>
</html>

2. My Website
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a paragraph. Here I can write some text to describe my website.</p>
<h2>About Us</h2>
<p>This is another paragraph providing information about us.</p>
<h3>Our Services</h3>
<ul>
<li>Service 1</li>
<li>Service 2</li>
<li>Service 3</li>
</ul>
<h4>Contact Us</h4>
<p>You can reach us via email at <a
href="mailto:[email protected]">[email protected]</a>.</p>
<h5>Location</h5>
<p>Our office is located at:</p>
<address>
123 Main Street,<br>
City, State, ZIP
</address>
<h6>Follow Us</h6>
<ul>
<li><a href="https://www.facebook.com">Facebook</a></li>
<li><a href="https://twitter.com">Twitter</a></li>
<li><a href="https://www.instagram.com">Instagram</a></li>
</ul>
<img src="example.jpg" alt="Example Image">
</body>
</html>
3. List Project
<!DOCTYPE html>
<html>
<head>
<title>List Project</title>
</head>
<body style="font-family: Arial, sans-serif;">

<!-- Unordered List -->


<h2 style="color: blue;">Unordered List</h2>
<ul style="list-style-type: square;">
<li style="color: green;">Item 1</li>
<li style="color: red;">Item 2</li>
<li style="color: orange;">Item 3</li>
</ul>
<!-- Ordered List -->
<h2 style="color: blue;">Ordered List</h2>
<ol style="list-style-type: decimal;">
<li style="color: purple;">Item 1</li>
<li style="color: brown;">Item 2</li>
<li style="color: navy;">Item 3</li>
</ol>

<!-- Description List -->


<h2 style="color: blue;">Description List</h2>
<dl>
<dt style="color: teal;">Term 1</dt>
<dd style="color: maroon;">Description 1</dd>
<dt style="color: olive;">Term 2</dt>
<dd style="color: darkcyan;">Description 2</dd>
<dt style="color: darkmagenta;">Term 3</dt>
<dd style="color: indigo;">Description 3</dd>
</dl>

</body>
</html>
4. My Travel Blog
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Travel Blog</title>
</head>
<body>
<h1>Welcome to My Travel Blog</h1>

<p>Explore the world through my adventures!</p>

<h2>Top Destinations</h2>

<ul>
<li>
<h3>Paris, France</h3>
<img src="paris.jpg" alt="Eiffel Tower">
<p>Paris, the City of Light, is famous for its iconic landmarks such as the Eiffel Tower,
Louvre Museum, and Notre-Dame Cathedral.</p>
<a href="https://en.parisinfo.com/" target="_blank">Learn more about Paris</a>
</li>

<li>
<h3>Santorini, Greece</h3>
<img src="santorini.jpg" alt="Santorini">
<p>Santorini is known for its stunning sunsets, white-washed buildings, and crystal-clear
waters. Explore its charming villages and beaches.</p>
<a href="https://www.visitgreece.gr/santorini/" target="_blank">Learn more about
Santorini</a>
</li>
</ul>

<h2>Bucket List Experiences</h2>

<ol>
<li>Witness the Northern Lights in Iceland</li>
<li>Go on a safari in Africa</li>
<li>Explore the Great Barrier Reef in Australia</li>
</ol>

<footer>
<p>&copy; 2024 My Travel Blog. All rights reserved.</p>
</footer>
</body>
</html>
5. Advanced HTML Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Advanced HTML Example</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background-color: #f4f4f4;
}
header {
text-align: center;
background-color: #333;
color: #fff;
padding: 10px 0;
}
nav {
text-align: center;
margin-top: 20px;
}
nav a {
text-decoration: none;
color: #333;
padding: 10px 20px;
margin: 0 5px;
border-radius: 5px;
background-color: #fff;
}
nav a:hover {
background-color: #ddd;
}
main {
margin-top: 20px;
padding: 20px;
background-color: #fff;
border-radius: 5px;
}
img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
</style>
</head>
<body>
<header>
<h1>Welcome to My Advanced Website</h1>
</header>
<nav>
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</nav>
<main>
<section id="home">
<h2>Home</h2>
<p>Welcome to my home page. Here's a nice picture:</p>
<img src="example.jpg" alt="Example Image">
</section>
<section id="about">
<h2>About</h2>
<p>This is the about section. Here you can learn more about me.</p>
</section>
<section id="contact">
<h2>Contact</h2>
<p>Feel free to contact me:</p>
<ul>
<li>Email: [email protected]</li>
<li>Phone: 123-456-7890</li>
</ul>
</section>
</main>
</body>
</html>

You might also like