1 table 表格代码
<!DOCTYPE html>
<html>
<head>
<title>表格</title>
</head>
<body>
<table border="1">
<tdead>
<tr>
<th> </th>
<th> </th>
<th>一</th>
<th>二</th>
<th>三</th>
<th>四</th>
<th>五</th>
</tr>
</tdead>
<tbody>
<!--上午开始-->
<tr>
<td rowspan="3">上午</td>
<td>1</td>
<td>英语</td>
<td>英语</td>
<td>英语</td>
<td>英语</td>
<td>英语</td>
</tr>
<tr>
<td>2</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
</tr>
<tr>
<td>3</td>
<td>语文</td>
<td>语文</td>
<td>语文</td>
<td>语文</td>
<td>语文</td>
</tr>
<!--上午结束-->
<tr>
<td rowspan="3">下午</td>
<td>1</td>
<td>英语</td>
<td rowspan="2">自习</td>
<td>英语</td>
<td rowspan="2">自习</td>
<td>英语</td>
</tr>
<tr>
<td>2</td>
<td>数学</td>
<td>数学</td>
<td>数学</td>
</tr>
<tr>
<td>3</td>
<td>语文</td>
<td>语文</td>
<td>语文</td>
<td>语文</td>
<td>语文</td>
</tr>
</tbody>
</table>
</body>
</html>
| 一 | 二 | 三 | 四 | 五 | ||
|---|---|---|---|---|---|---|
| 上午 | 1 | 英语 | 英语 | 英语 | 英语 | 英语 |
| 2 | 数学 | 数学 | 数学 | 数学 | 数学 | |
| 3 | 语文 | 语文 | 语文 | 语文 | 语文 | |
| 下午 | 1 | 英语 | 自习 | 英语 | 自习 | 英语 |
| 2 | 数学 | 数学 | 数学 | |||
| 3 | 语文 | 语文 | 语文 | 语文 | 语文 |
2 问题回答
a 什么是HTML的标签语义化
根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
b 什么是SEO优化，在HTML标签中如何体现？
SEO优化是指： 通过了解各类搜索引擎 [1] 抓取互联网页面、进行索引以及确定其对特定关键词搜索结果排名等技术，来对网页进行相关的优化，使其提高搜索引擎排名，从而提高网站访问量，最终提升网站的销售或宣传的效果。
在HTML标签中，通过合理使用H1、H2等标题，实现SEO优化。
c 什么是浏览器的兼容问题？
因为不同浏览器使用内核及所支持的HTML（标准通用标记语言下的一个应用）等网页语言标准不同；以及用户客户端的环境不同（如分辨率不同）造成的显示效果不能达到理想效果。最常见的问题就是网页元素位置混乱，错位。
3 a和img标签解释
a标签：
- a 标签定义超链接，用于从一张页面链接到另一张页面。
- 元素最重要的属性是 href 属性，它指示链接的目标。
- 如果不使用 href 属性，则不可以使用如下属性：download, hreflang, media, rel, target 以及 type 属性
img标签：
- img 元素向网页中嵌入一幅图像。
- 请注意，从技术上讲，img标签并不会在网页中插入图像，而是从网页上链接图像。img标签创建的是被引用图像的占位空间。
- img标签有两个必需的属性：src 属性 和 alt 属性。