The Combine Website of all Practicals till 1 to 15 will upload Soon !!!
Practical 7
Index.HTML
Copied!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Webpage Example</title>
<style>
/* CSS properties to change the background of the page */
body {
background-color: #f2f2f2; /* Light gray background color */
margin: 0; /* Remove default margin */
padding: 0; /* Remove default padding */
font-family: Arial, sans-serif; /* Set default font family */
}
/* CSS properties to change fonts and text styles */
h1 {
color: #333; /* Text color */
font-size: 36px; /* Font size */
font-weight: bold; /* Bold text */
}
p {
font-size: 18px; /* Font size for paragraphs */
line-height: 1.6; /* Line height for better readability */
}
/* CSS properties for positioning an element */
.centered {
text-align: center; /* Center text horizontally */
margin-top: 20px; /* Add margin to the top */
}
</style>
</head>
<body>
<header>
<h1 class="centered">Welcome to My CSS Webpage</h1>
</header>
<main>
<p>This is a simple example of a webpage that uses CSS to style its elements.</p>
</main>
</body>
</html>