0% found this document useful (0 votes)
2 views

HTML_CSS_Lab_Manual_100_Projects

Uploaded by

rahulrathava0003
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
2 views

HTML_CSS_Lab_Manual_100_Projects

Uploaded by

rahulrathava0003
Copyright
© © All Rights Reserved
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