dreamweaver网站网页设计代码
时间: 2023-10-27 09:07:22 浏览: 133
Dreamweaver是一款流行的网站开发工具,它支持多种编程语言和标记语言,如HTML、CSS、JavaScript、PHP等。以下是一个简单的HTML网页设计代码示例,可以在Dreamweaver中创建并编辑:
```
<!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>
<h1>Welcome to My Website</h1>
<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>
<h2>About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper mi vel felis ultricies, ut consequat diam mattis. Nam varius, sapien quis blandit sollicitudin, elit tortor bibendum justo, in bibendum tellus sem eu mi. Sed at maximus augue. Nullam sit amet sapien sed quam congue tempus vitae a elit. Fusce nec malesuada nisi. Aliquam non metus vel leo congue vehicula quis ac nisi.</p>
</section>
<section>
<h2>Our Services</h2>
<ul>
<li>Web Design</li>
<li>Web Development</li>
<li>SEO</li>
<li>Social Media Marketing</li>
</ul>
</section>
<section>
<h2>Contact Us</h2>
<form action="#" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>
<input type="submit" value="Send">
</form>
</section>
</main>
<footer>
<p>© 2021 My Website. All rights reserved.</p>
</footer>
</body>
</html>
```
该代码包括一个HTML文档的基本结构,包括网页标题、元数据、样式表链接、标头、主要内容区域和页脚。在主要内容区域中,有三个小节,分别包括一些文本和列表,以及一个联系表单。样式表链接指向一个名为style.css的外部CSS文件,该文件定义了网页的样式。
阅读全文