| Line 1: |
Line 1: |
| − | <!DOCTYPE html>
| |
| − | <html>
| |
| − | <head>
| |
| − | <title>My Wiki Page</title>
| |
| − | <style>
| |
| − | body {
| |
| − | font-family: Arial, sans-serif;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| | | | |
| − | #header {
| |
| − | background-color: gold;
| |
| − | color: white;
| |
| − | padding: 10px;
| |
| − | }
| |
| − |
| |
| − | #navigation {
| |
| − | background-color: grey;
| |
| − | padding: 10px;
| |
| − | }
| |
| − |
| |
| − | #navigation ul {
| |
| − | list-style-type: none;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | #navigation ul li {
| |
| − | display: inline;
| |
| − | margin-right: 10px;
| |
| − | }
| |
| − |
| |
| − | #navigation ul li a {
| |
| − | color: white;
| |
| − | text-decoration: none;
| |
| − | padding: 5px;
| |
| − | }
| |
| − |
| |
| − | #banner {
| |
| − | background-color: gold;
| |
| − | color: white;
| |
| − | padding: 20px;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | #content {
| |
| − | padding: 20px;
| |
| − | }
| |
| − |
| |
| − | h1 {
| |
| − | color: gold;
| |
| − | }
| |
| − | </style>
| |
| − | </head>
| |
| − | <body>
| |
| − | <div id="header">
| |
| − | <h1>My Wiki Page</h1>
| |
| − | </div>
| |
| − |
| |
| − | <div id="navigation">
| |
| − | <ul>
| |
| − | <li><a href="#section1">Section 1</a></li>
| |
| − | <li><a href="#section2">Section 2</a></li>
| |
| − | <li><a href="#section3">Section 3</a></li>
| |
| − | <li><a href="#section4">Section 4</a></li>
| |
| − | <li><a href="#section5">Section 5</a></li>
| |
| − | <li><a href="#section6">Section 6</a></li>
| |
| − | <li><a href="#section7">Section 7</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − |
| |
| − | <div id="banner">
| |
| − | <h2>Welcome to My Wiki Page!</h2>
| |
| − | <p>Explore the sections below to find valuable information.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div id="content">
| |
| − | <h2 id="section1">Section 1</h2>
| |
| − | <p>This is the content of Section 1.</p>
| |
| − |
| |
| − | <h2 id="section2">Section 2</h2>
| |
| − | <p>This is the content of Section 2.</p>
| |
| − |
| |
| − | <h2 id="section3">Section 3</h2>
| |
| − | <p>This is the content of Section 3.</p>
| |
| − |
| |
| − | <h2 id="section4">Section 4</h2>
| |
| − | <p>This is the content of Section 4.</p>
| |
| − |
| |
| − | <h2 id="section5">Section 5</h2>
| |
| − | <p>This is the content of Section 5.</p>
| |
| − |
| |
| − | <h2 id="section6">Section 6</h2>
| |
| − | <p>This is the content of Section 6.</p>
| |
| − |
| |
| − | <h2 id="section7">Section 7</h2>
| |
| − | <p>This is the content of Section 7.</p>
| |
| − | </div>
| |
| − | </body>
| |
| − | </html>
| |