请给我一段html的代码,要求使用Adobe Dreamweaver制作“电商节活动”的网站“个人中心”的页面。
时间: 2024-03-24 22:38:28 浏览: 71
以下是一段简单的HTML代码,用于在Adobe Dreamweaver中创建“个人中心”页面:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>电商节活动 - 个人中心</title>
</head>
<body>
<header>
<h1>电商节活动 - 个人中心</h1>
</header>
<main>
<h2>个人信息</h2>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required><br><br>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="phone">手机号码:</label>
<input type="tel" id="phone" name="phone" required><br><br>
<label for="address">地址:</label>
<textarea id="address" name="address" rows="4" cols="50" required></textarea><br><br>
<input type="submit" value="保存">
</form>
<h2>订单历史记录</h2>
<table>
<tr>
<th>订单编号</th>
<th>订单日期</th>
<th>订单总额</th>
<th>操作</th>
</tr>
<tr>
<td>001</td>
<td>2021-11-11</td>
<td>¥999.00</td>
<td><a href="#">查看详情</a></td>
</tr>
<tr>
<td>002</td>
<td>2021-11-12</td>
<td>¥888.00</td>
<td><a href="#">查看详情</a></td>
</tr>
<tr>
<td>003</td>
<td>2021-11-13</td>
<td>¥777.00</td>
<td><a href="#">查看详情</a></td>
</tr>
</table>
</main>
<footer>
<p>© 2021 电商节活动. All rights reserved.</p>
</footer>
</body>
</html>
```
您可以将此代码保存为HTML文件,并在Adobe Dreamweaver中打开它以进行编辑和定制。
阅读全文