这个是基础的表格，你可以去研究改一下就可以了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表格</title>
</head>
<body>
<table border="2" cellpadding="12">
<tr>
<td colspan="3">商品类目</td>
</tr>
<tr>
<td rowspan="3">虚拟</td>
<td>移动</td>
<td>联通</td>
</tr>
<tr>
<td>充值卡</td>
<td>彩票</td>
</tr>
<tr>
<td>梦幻</td>
<td>QQ</td>
</tr>
<tr>
<td rowspan="3">护肤</td>
<td>美容护肤</td>
<td>美体</td>
</tr>
<tr>
<td>彩妆</td>
<td>香水</td>
</tr>
<tr>
<td>个人护理</td>
<td>保健</td>
</tr>
</table>
</body>
</html>
<table border="1"><tr>
<th>项目</th>
<th colspan="5">上课</th>
</tr>
<tr>
<td>星期</td>
<td>星期一</td>
<td>星期二</td>
<td>星期三</td>
<td>星期四</td>
<td>星期五</td>
</tr>
<tr>
<th rowspan="4">上午</th>
<th>语文</th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<th>数学</th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<th>化学</th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<th>政治</th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<th rowspan="2">下午</th>
<th>语文</th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
<tr>
<th>数学</th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</table>
你想问的应该是，在搭建一个HTML文件时，基本的文件结构是什么样子吧？
标准的HTML文件由“文档声明、文件头、文件体”组成。
对于HTML5，文档声明也应该采取HTML5.0的声明方式，具体代码如下：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5学堂（码匠） & 言成科技 联合出品</title>
<meta name="viewport" content="width=device-width,user-scalable=no">
<link rel="stylesheet" href="../css/reset.css">
</head>
<body>
<div>具体内容</div>
</body>
</html>
在html标签当中包含head标签和body标签两种，而head标签表示的是文件头，body标签表示文件体，文件头当中需要包含“字符编码”（head标签中的第一行）、“标题”（title标签）、“其他元信息”（除了字符编码外的其他meta），而文件体当中书写的具体代码就是在网页当中会显示的内容。
此外，在文件头部或文件体当中还可以使用link标签引入CSS文件，或者使用script标签引入JS文件。
关于文档声明，在传统的HTML4当中，有另外三种声明方法，请详见《文档声明 DOCTYPE常见的文档类型》
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）