Scribd
Upload
64 views3 pages

Document 1

Uploaded by

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

Topics covered

  • navigation links,
  • meta tags,
  • webpage example,
  • navigation,
  • web standards,
  • webpage layout,
  • webpage,
  • simple webpage,
  • HTML elements,
  • link styling
64 views3 pages

Document 1

Uploaded by

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

Topics covered

  • navigation links,
  • meta tags,
  • webpage example,
  • navigation,
  • web standards,
  • webpage layout,
  • webpage,
  • simple webpage,
  • HTML elements,
  • link styling

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Welcome to my webpage</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #d3d3d3;
}
header {
background-color: rgb(185, 213, 93);
color: white;
text-align: center;
padding: 10px 0;0
}
nav {`
display: flex;
justify-content: center;
background-color: rgb(183, 224, 88);
padding: 10px;
}
nav a {
color: rgb(220, 6, 6);
margin: 0 15px;
text-decoration: none;
}
section {
background-color: rgb(170, 31, 100);
padding: 20px;
margin: 20px;
text-align:;
}
footer {
left:0;
bottom:0;
width: 100%;
background-color: bisque;
margin:0px;
padding:1em 0.5em 0.5em 0.5em;
text-align: center;
position: fixed;
}
</style>
</head>
<body>

<header>
<h1>Welcome to my webpage</h1>
</header>

<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>

<section>
<h2>About This Page</h2>
<p>This is a simple webpage to demonstrate styling and linking.</p>
<a href="http://example.com">Visit Example.com</a>
</section>
<hr>
<footer>
<p>&copy2024 webpage</p>
</footer>

</body>
</html>

You might also like