Scribd
Upload
2 views

HTML_CSS_Lab_Manual_100_Projects

Uploaded by

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

HTML_CSS_Lab_Manual_100_Projects

Uploaded by

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

HTML and CSS Lab Manual - 100 Projects

This lab manual contains 100 basic HTML and CSS projects, designed to help beginners
develop their web development skills. Each project includes a description, the code, and the
expected output.

Project 1: Basic HTML and CSS Example 1


Description: This is project 1, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 1</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 1</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 1.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 1" and a paragraph of text,
styled with basic CSS.

Project 2: Basic HTML and CSS Example 2


Description: This is project 2, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 2</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 2</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 2.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 2" and a paragraph of text,
styled with basic CSS.

Project 3: Basic HTML and CSS Example 3


Description: This is project 3, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 3</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 3</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 3.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 3" and a paragraph of text,
styled with basic CSS.

Project 4: Basic HTML and CSS Example 4


Description: This is project 4, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 4</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 4</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 4.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 4" and a paragraph of text,
styled with basic CSS.

Project 5: Basic HTML and CSS Example 5


Description: This is project 5, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 5</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 5</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 5.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 5" and a paragraph of text,
styled with basic CSS.

Project 6: Basic HTML and CSS Example 6


Description: This is project 6, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 6</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 6</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 6.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 6" and a paragraph of text,
styled with basic CSS.

Project 7: Basic HTML and CSS Example 7


Description: This is project 7, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 7</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 7</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 7.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 7" and a paragraph of text,
styled with basic CSS.

Project 8: Basic HTML and CSS Example 8


Description: This is project 8, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 8</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 8</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 8.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 8" and a paragraph of text,
styled with basic CSS.

Project 9: Basic HTML and CSS Example 9


Description: This is project 9, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 9</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 9</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 9.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 9" and a paragraph of text,
styled with basic CSS.

Project 10: Basic HTML and CSS Example 10


Description: This is project 10, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 10</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 10</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 10.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 10" and a paragraph of text,
styled with basic CSS.

Project 11: Basic HTML and CSS Example 11


Description: This is project 11, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 11</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 11</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 11.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 11" and a paragraph of text,
styled with basic CSS.

Project 12: Basic HTML and CSS Example 12


Description: This is project 12, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 12</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 12</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 12.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 12" and a paragraph of text,
styled with basic CSS.

Project 13: Basic HTML and CSS Example 13


Description: This is project 13, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 13</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 13</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 13.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 13" and a paragraph of text,
styled with basic CSS.

Project 14: Basic HTML and CSS Example 14


Description: This is project 14, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 14</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 14</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 14.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 14" and a paragraph of text,
styled with basic CSS.

Project 15: Basic HTML and CSS Example 15


Description: This is project 15, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 15</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 15</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 15.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 15" and a paragraph of text,
styled with basic CSS.

Project 16: Basic HTML and CSS Example 16


Description: This is project 16, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 16</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 16</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 16.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 16" and a paragraph of text,
styled with basic CSS.

Project 17: Basic HTML and CSS Example 17


Description: This is project 17, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 17</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 17</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 17.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 17" and a paragraph of text,
styled with basic CSS.

Project 18: Basic HTML and CSS Example 18


Description: This is project 18, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 18</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 18</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 18.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 18" and a paragraph of text,
styled with basic CSS.

Project 19: Basic HTML and CSS Example 19


Description: This is project 19, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 19</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 19</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 19.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 19" and a paragraph of text,
styled with basic CSS.

Project 20: Basic HTML and CSS Example 20


Description: This is project 20, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 20</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 20</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 20.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 20" and a paragraph of text,
styled with basic CSS.

Project 21: Basic HTML and CSS Example 21


Description: This is project 21, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 21</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 21</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 21.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 21" and a paragraph of text,
styled with basic CSS.

Project 22: Basic HTML and CSS Example 22


Description: This is project 22, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 22</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 22</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 22.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 22" and a paragraph of text,
styled with basic CSS.

Project 23: Basic HTML and CSS Example 23


Description: This is project 23, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 23</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 23</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 23.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 23" and a paragraph of text,
styled with basic CSS.

Project 24: Basic HTML and CSS Example 24


Description: This is project 24, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 24</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 24</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 24.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 24" and a paragraph of text,
styled with basic CSS.

Project 25: Basic HTML and CSS Example 25


Description: This is project 25, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 25</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 25</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 25.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 25" and a paragraph of text,
styled with basic CSS.

Project 26: Basic HTML and CSS Example 26


Description: This is project 26, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 26</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 26</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 26.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 26" and a paragraph of text,
styled with basic CSS.

Project 27: Basic HTML and CSS Example 27


Description: This is project 27, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 27</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 27</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 27.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 27" and a paragraph of text,
styled with basic CSS.

Project 28: Basic HTML and CSS Example 28


Description: This is project 28, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 28</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 28</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 28.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 28" and a paragraph of text,
styled with basic CSS.

Project 29: Basic HTML and CSS Example 29


Description: This is project 29, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 29</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 29</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 29.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 29" and a paragraph of text,
styled with basic CSS.

Project 30: Basic HTML and CSS Example 30


Description: This is project 30, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 30</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 30</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 30.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 30" and a paragraph of text,
styled with basic CSS.

Project 31: Basic HTML and CSS Example 31


Description: This is project 31, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 31</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 31</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 31.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 31" and a paragraph of text,
styled with basic CSS.

Project 32: Basic HTML and CSS Example 32


Description: This is project 32, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 32</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 32</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 32.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 32" and a paragraph of text,
styled with basic CSS.

Project 33: Basic HTML and CSS Example 33


Description: This is project 33, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 33</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 33</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 33.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 33" and a paragraph of text,
styled with basic CSS.

Project 34: Basic HTML and CSS Example 34


Description: This is project 34, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 34</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 34</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 34.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 34" and a paragraph of text,
styled with basic CSS.

Project 35: Basic HTML and CSS Example 35


Description: This is project 35, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 35</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 35</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 35.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 35" and a paragraph of text,
styled with basic CSS.

Project 36: Basic HTML and CSS Example 36


Description: This is project 36, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 36</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 36</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 36.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 36" and a paragraph of text,
styled with basic CSS.

Project 37: Basic HTML and CSS Example 37


Description: This is project 37, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 37</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 37</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 37.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 37" and a paragraph of text,
styled with basic CSS.

Project 38: Basic HTML and CSS Example 38


Description: This is project 38, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 38</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 38</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 38.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 38" and a paragraph of text,
styled with basic CSS.

Project 39: Basic HTML and CSS Example 39


Description: This is project 39, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 39</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 39</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 39.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 39" and a paragraph of text,
styled with basic CSS.

Project 40: Basic HTML and CSS Example 40


Description: This is project 40, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 40</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 40</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 40.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 40" and a paragraph of text,
styled with basic CSS.

Project 41: Basic HTML and CSS Example 41


Description: This is project 41, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 41</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 41</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 41.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 41" and a paragraph of text,
styled with basic CSS.

Project 42: Basic HTML and CSS Example 42


Description: This is project 42, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 42</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 42</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 42.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 42" and a paragraph of text,
styled with basic CSS.

Project 43: Basic HTML and CSS Example 43


Description: This is project 43, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 43</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 43</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 43.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 43" and a paragraph of text,
styled with basic CSS.

Project 44: Basic HTML and CSS Example 44


Description: This is project 44, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 44</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 44</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 44.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 44" and a paragraph of text,
styled with basic CSS.

Project 45: Basic HTML and CSS Example 45


Description: This is project 45, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 45</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 45</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 45.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 45" and a paragraph of text,
styled with basic CSS.

Project 46: Basic HTML and CSS Example 46


Description: This is project 46, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 46</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 46</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 46.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 46" and a paragraph of text,
styled with basic CSS.

Project 47: Basic HTML and CSS Example 47


Description: This is project 47, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 47</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 47</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 47.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 47" and a paragraph of text,
styled with basic CSS.

Project 48: Basic HTML and CSS Example 48


Description: This is project 48, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 48</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 48</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 48.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 48" and a paragraph of text,
styled with basic CSS.

Project 49: Basic HTML and CSS Example 49


Description: This is project 49, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 49</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 49</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 49.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 49" and a paragraph of text,
styled with basic CSS.

Project 50: Basic HTML and CSS Example 50


Description: This is project 50, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 50</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 50</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 50.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 50" and a paragraph of text,
styled with basic CSS.

Project 51: Basic HTML and CSS Example 51


Description: This is project 51, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 51</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 51</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 51.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 51" and a paragraph of text,
styled with basic CSS.

Project 52: Basic HTML and CSS Example 52


Description: This is project 52, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 52</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 52</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 52.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 52" and a paragraph of text,
styled with basic CSS.

Project 53: Basic HTML and CSS Example 53


Description: This is project 53, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 53</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 53</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 53.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 53" and a paragraph of text,
styled with basic CSS.

Project 54: Basic HTML and CSS Example 54


Description: This is project 54, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 54</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 54</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 54.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 54" and a paragraph of text,
styled with basic CSS.

Project 55: Basic HTML and CSS Example 55


Description: This is project 55, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 55</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 55</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 55.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 55" and a paragraph of text,
styled with basic CSS.

Project 56: Basic HTML and CSS Example 56


Description: This is project 56, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 56</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 56</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 56.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 56" and a paragraph of text,
styled with basic CSS.

Project 57: Basic HTML and CSS Example 57


Description: This is project 57, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 57</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 57</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 57.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 57" and a paragraph of text,
styled with basic CSS.

Project 58: Basic HTML and CSS Example 58


Description: This is project 58, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 58</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 58</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 58.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 58" and a paragraph of text,
styled with basic CSS.

Project 59: Basic HTML and CSS Example 59


Description: This is project 59, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 59</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 59</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 59.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 59" and a paragraph of text,
styled with basic CSS.

Project 60: Basic HTML and CSS Example 60


Description: This is project 60, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 60</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 60</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 60.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 60" and a paragraph of text,
styled with basic CSS.

Project 61: Basic HTML and CSS Example 61


Description: This is project 61, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 61</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 61</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 61.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 61" and a paragraph of text,
styled with basic CSS.

Project 62: Basic HTML and CSS Example 62


Description: This is project 62, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 62</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 62</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 62.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 62" and a paragraph of text,
styled with basic CSS.

Project 63: Basic HTML and CSS Example 63


Description: This is project 63, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 63</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 63</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 63.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 63" and a paragraph of text,
styled with basic CSS.

Project 64: Basic HTML and CSS Example 64


Description: This is project 64, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 64</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 64</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 64.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 64" and a paragraph of text,
styled with basic CSS.

Project 65: Basic HTML and CSS Example 65


Description: This is project 65, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 65</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 65</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 65.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 65" and a paragraph of text,
styled with basic CSS.

Project 66: Basic HTML and CSS Example 66


Description: This is project 66, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 66</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 66</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 66.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 66" and a paragraph of text,
styled with basic CSS.

Project 67: Basic HTML and CSS Example 67


Description: This is project 67, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 67</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 67</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 67.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 67" and a paragraph of text,
styled with basic CSS.

Project 68: Basic HTML and CSS Example 68


Description: This is project 68, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 68</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 68</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 68.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 68" and a paragraph of text,
styled with basic CSS.

Project 69: Basic HTML and CSS Example 69


Description: This is project 69, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 69</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 69</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 69.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 69" and a paragraph of text,
styled with basic CSS.

Project 70: Basic HTML and CSS Example 70


Description: This is project 70, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 70</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 70</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 70.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 70" and a paragraph of text,
styled with basic CSS.

Project 71: Basic HTML and CSS Example 71


Description: This is project 71, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 71</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 71</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 71.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 71" and a paragraph of text,
styled with basic CSS.

Project 72: Basic HTML and CSS Example 72


Description: This is project 72, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 72</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 72</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 72.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 72" and a paragraph of text,
styled with basic CSS.

Project 73: Basic HTML and CSS Example 73


Description: This is project 73, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 73</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 73</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 73.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 73" and a paragraph of text,
styled with basic CSS.

Project 74: Basic HTML and CSS Example 74


Description: This is project 74, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 74</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 74</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 74.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 74" and a paragraph of text,
styled with basic CSS.

Project 75: Basic HTML and CSS Example 75


Description: This is project 75, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 75</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 75</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 75.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 75" and a paragraph of text,
styled with basic CSS.

Project 76: Basic HTML and CSS Example 76


Description: This is project 76, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 76</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 76</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 76.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 76" and a paragraph of text,
styled with basic CSS.

Project 77: Basic HTML and CSS Example 77


Description: This is project 77, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 77</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 77</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 77.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 77" and a paragraph of text,
styled with basic CSS.

Project 78: Basic HTML and CSS Example 78


Description: This is project 78, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 78</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 78</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 78.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 78" and a paragraph of text,
styled with basic CSS.

Project 79: Basic HTML and CSS Example 79


Description: This is project 79, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 79</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 79</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 79.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 79" and a paragraph of text,
styled with basic CSS.

Project 80: Basic HTML and CSS Example 80


Description: This is project 80, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 80</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 80</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 80.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 80" and a paragraph of text,
styled with basic CSS.

Project 81: Basic HTML and CSS Example 81


Description: This is project 81, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 81</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 81</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 81.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 81" and a paragraph of text,
styled with basic CSS.

Project 82: Basic HTML and CSS Example 82


Description: This is project 82, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 82</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 82</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 82.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 82" and a paragraph of text,
styled with basic CSS.

Project 83: Basic HTML and CSS Example 83


Description: This is project 83, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 83</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 83</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 83.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 83" and a paragraph of text,
styled with basic CSS.

Project 84: Basic HTML and CSS Example 84


Description: This is project 84, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 84</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 84</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 84.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 84" and a paragraph of text,
styled with basic CSS.

Project 85: Basic HTML and CSS Example 85


Description: This is project 85, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 85</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 85</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 85.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 85" and a paragraph of text,
styled with basic CSS.

Project 86: Basic HTML and CSS Example 86


Description: This is project 86, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 86</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 86</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 86.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 86" and a paragraph of text,
styled with basic CSS.

Project 87: Basic HTML and CSS Example 87


Description: This is project 87, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 87</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 87</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 87.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 87" and a paragraph of text,
styled with basic CSS.

Project 88: Basic HTML and CSS Example 88


Description: This is project 88, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 88</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 88</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 88.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 88" and a paragraph of text,
styled with basic CSS.

Project 89: Basic HTML and CSS Example 89


Description: This is project 89, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 89</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 89</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 89.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 89" and a paragraph of text,
styled with basic CSS.

Project 90: Basic HTML and CSS Example 90


Description: This is project 90, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 90</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 90</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 90.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 90" and a paragraph of text,
styled with basic CSS.

Project 91: Basic HTML and CSS Example 91


Description: This is project 91, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 91</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 91</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 91.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 91" and a paragraph of text,
styled with basic CSS.

Project 92: Basic HTML and CSS Example 92


Description: This is project 92, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 92</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 92</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 92.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 92" and a paragraph of text,
styled with basic CSS.

Project 93: Basic HTML and CSS Example 93


Description: This is project 93, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 93</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 93</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 93.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 93" and a paragraph of text,
styled with basic CSS.

Project 94: Basic HTML and CSS Example 94


Description: This is project 94, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 94</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 94</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 94.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 94" and a paragraph of text,
styled with basic CSS.

Project 95: Basic HTML and CSS Example 95


Description: This is project 95, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 95</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 95</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 95.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 95" and a paragraph of text,
styled with basic CSS.

Project 96: Basic HTML and CSS Example 96


Description: This is project 96, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 96</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 96</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 96.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 96" and a paragraph of text,
styled with basic CSS.

Project 97: Basic HTML and CSS Example 97


Description: This is project 97, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 97</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 97</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 97.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 97" and a paragraph of text,
styled with basic CSS.

Project 98: Basic HTML and CSS Example 98


Description: This is project 98, a basic example to practice HTML and CSS skills.
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 98</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 98</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 98.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 98" and a paragraph of text,
styled with basic CSS.

Project 99: Basic HTML and CSS Example 99


Description: This is project 99, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 99</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 99</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 99.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 99" and a paragraph of text,
styled with basic CSS.

Project 100: Basic HTML and CSS Example 100


Description: This is project 100, a basic example to practice HTML and CSS skills.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project 100</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
background-color: #f4f4f4;
color: #333;
}
h1 {
color: #007BFF;
}
</style>
</head>
<body>
<h1>Project 100</h1>
<p>This is a sample project to demonstrate HTML and CSS for project 100.</p>
</body>
</html>

Output: This project displays a webpage with the title "Project 100" and a paragraph of text,
styled with basic CSS.

You might also like