首页html静态网页作业框架

html静态网页作业框架

时间: 2023-09-16 09:07:24 浏览: 34

<!DOCTYPE html> <html> <head> <title>My Website</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> </head> <body> <header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <main> <section id="banner"> <h1>Welcome to My Website</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p> <a href="#" class="btn">Learn More</a> </section> <section id="about"> <div class="container"> <h2>About Us</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</p> </div> </section> <section id="services"> <div class="container"> <h2>Our Services</h2> <ul> <li>Web Design</li> <li>Graphic Design</li> <li>SEO</li> <li>Social Media Marketing</li> </ul> </div> </section> <section id="contact"> <div class="container"> <h2>Contact Us</h2> <form> <label>Name:</label> <input type="text" name="name"> <label>Email:</label> <input type="email" name="email"> <label>Message:</label> <textarea name="message"></textarea> <input type="submit" value="Send"> </form> </div> </section> </main> <footer> <p>© 2021 My Website. All rights reserved.</p> </footer> </body> </html>