HTML CSS Lab Manual 100 Projects
HTML 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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.
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.
<!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.
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.
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.