给我写一个有表格的html页面
时间: 2023-03-13 10:16:58 浏览: 43
答:<html>
<head>
<title>表格页面</title>
</head>
<body>
<table border="1">
<tr>
<th>标题1</th>
<th>标题2</th>
<th>标题3</th>
</tr>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
<td>第一行第三列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
<td>第二行第三列</td>
</tr>
</table>
</body>
</html>
相关问题
给我写一个页面表格编辑并保存道本地的html
<!DOCTYPE html>
<html>
<head>
<title>表格编辑器</title>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: left;
}
</style>
</head>
<body>
<h1>表格编辑器</h1>
<p>在下面的表格中编辑内容,点击“保存”按钮将内容保存到本地。</p>
<table id="myTable">
<thead>
<tr>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td contenteditable="true">小明</td>
<td contenteditable="true">18</td>
<td contenteditable="true">男</td>
</tr>
<tr>
<td contenteditable="true">小红</td>
<td contenteditable="true">20</td>
<td contenteditable="true">女</td>
</tr>
<tr>
<td contenteditable="true">小刚</td>
<td contenteditable="true">22</td>
<td contenteditable="true">男</td>
</tr>
</tbody>
</table>
<br>
<button onclick="saveTable()">保存</button>
<script>
function saveTable() {
// 获取表格内容
var table = document.getElementById("myTable");
var tableContent = table.innerHTML;
// 创建一个新的 Blob 对象
var blob = new Blob([tableContent], {type: "text/plain;charset=utf-8"});
// 创建一个 <a> 标签
var a = document.createElement("a");
a.href = URL.createObjectURL(blob);
a.download = "myTable.html";
// 将 <a> 标签添加到文档中
document.body.appendChild(a);
// 模拟点击 <a> 标签
a.click();
// 移除 <a> 标签
document.body.removeChild(a);
}
</script>
</body>
</html>
写一个带有嵌套表格的HTML页面
当然可以!以下是一个带有嵌套表格的HTML页面的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>嵌套表格示例</title>
</head>
<body>
<h1>嵌套表格示例</h1>
<table border="1">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>联系方式</th>
<th>地址</th>
</tr>
<tr>
<td rowspan="2">张三</td>
<td>30</td>
<td>1234567890</td>
<td rowspan="2">
<table border="1">
<tr>
<th>省份</th>
<th>城市</th>
<th>详细地址</th>
</tr>
<tr>
<td>北京市</td>
<td>北京市</td>
<td>朝阳区xx街道xx小区xx号楼xx单元xx号</td>
</tr>
<tr>
<td>河南省</td>
<td>郑州市</td>
<td>二七区xx街道xx小区xx号楼xx单元xx号</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>25</td>
<td>0987654321</td>
</tr>
<tr>
<td>李四</td>
<td>40</td>
<td>2468013579</td>
<td>上海市浦东新区xx街道xx小区xx号楼xx单元xx号</td>
</tr>
</table>
</body>
</html>
```
这个页面包含一个主表格和一个嵌套的子表格。主表格每行代表一个人的基本信息,有姓名、年龄、联系方式和地址四列,其中地址列使用了 `rowspan` 属性来将嵌套的子表格占据一行的两个单元格。子表格包含每个人的多个地址信息,有省份、城市和详细地址三列,用于展示每个人的不同住址信息。