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.