VIS code hrml简单网页分布
时间: 2023-11-12 22:08:37 浏览: 27
以下是一个简单的 HTML 网页布局:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h1>Welcome to my website</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod blandit varius. Nulla facilisi. Sed laoreet leo vel sapien suscipit, vitae auctor augue faucibus. Suspendisse potenti. Mauris euismod, arcu in lobortis vulputate, justo arcu aliquet nibh, eu placerat ex ex in lacus.</p>
</section>
<section>
<h2>About me</h2>
<p>Hi, my name is John. I am a web developer based in New York. I specialize in HTML, CSS, and JavaScript.</p>
</section>
<section>
<h2>Contact me</h2>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<label for="message">Message:</label>
<textarea id="message" name="message"></textarea><br><br>
<input type="submit" value="Submit">
</form>
</section>
</main>
<footer>
<p>© 2021 My Website. All rights reserved.</p>
</footer>
</body>
</html>
```
这个网页包括一个页眉(header)、一个主要内容区域(main)和一个页脚(footer)。页眉包括导航菜单,主要内容区域包括三个部分:欢迎信息、关于我和联系我,页脚包括版权信息。