1、在网页中添加表格
- 表格由<table>元素来定义，以<table>标记开始，</table>标记结束。
- 表格中的行以<tr>元素来定义，每一行都以<tr>标记开始，</tr>标记结束。
- 表格中的单元格以<td>元素来定义，每个单元格都以<td>标记开始，</td>标记结束。
- 表格单元格可包含文本，图片和其他HTML元素。
| <caption> | 标题 |
| <th> | 表头 |
| <td rowspan=跨的行数></td> | rowspan属性指定单元格所占的行数 |
| <td colspan=跨的列数></td> | colspan属性指定单元格所占的列数 |
2、在网页中添加图片
图片标签<img>
语法格式：<img src="图像文件的地址" />
说明：在该语法中，src参数用来设置图像文件所在的路径，这一路径可以是绝对路径，也可以是相对路径。
- 绝对路径
绝对路径是指文件在硬盘上真知存在的路径。例如：“bg.jpg”这个图片是存放在计算机硬盘的“E：\book\网页布局\项目一”目录下，那么“bg.jpg”这个图片的绝对路径就是“E：\book\网页布局\项目一\bg.jpg”。此时如果要使用绝对路径指定图片来源，就要使用语句：
<img src="E：\book\网页布局\项目一\bg.jpg"/>
- 相对路径
相对路径就是相对于自己的目标文件位置。假如在“s1.htm”这个文件中使用“bg.jpg”图片，由于“bg.jpg”图片相对于“s1.htm”来说，是在同一个目录的，此时如果要使用相对路径指定图片来源，就可以使用语句：
<img src=“ img/bg.jpg”>
注意：在网页编程中，很少会使用绝对路径，假如使用“E：\book\网页布局\项目一\bg.jpg”来指定图片路径，在自己的计算机上浏览可能会一切正常，但是上传到web服务器上时，可能整个网站并没有放在web服务器的E盘，有可能是D盘或H盘。即使放在web服务器的E盘中，web服务器的E盘中也不一定会存在“E：\book\网页布局\项目一”这个目录，因此在浏览网页时不能正常显示图片。
使用相对路径时，只要文件的相对位置没有变，那么无论上传到web服务器的哪个位置，在浏览器中都能正确的显示图片。
在相对路径里常使用“../”来表示上一级目录。如果有多个上一级目录，可以使用多个“../”
栗子：
假设“s1.htm”文件所在目录为“E：\book\网页布局\项目一”，而“bg.jpg”图片所在目录为“E：\book\网页布局\img”，那么“bg.jpg”图片相对于“s1.htm”文件来说，是在其所在目录的上级目录中，则使用图片的语句应该为<img src="../img/bg.jpg">
| width属性和height属性 | 设置图片的幅面大小。在网页中直接添加图片时，图片的大小和原图是相同的。 | 语法格式：<img src="images/dog.jpg" width="100" height="80"> |
| title元素 | 对图片的文字说明，如果把鼠标指针放在图片上稍作停留，title属性的值就会以浮动的形式显示出来；在浏览器尚未完全读入图像时，在图像位置处会显示该文字说明。 | 语法格式：<img src="images/dog.jpg" title="图片的说明"> |
| alt属性 | 用于添加的图片不存在的情况，或者一些用户为了提高浏览速度而关闭了图片下载。alt的作用很重要，他的内容会显示在浏览器中，搜索引擎一般以title和alt作为图片的描述关键字计入网页权重。 | 语法格式：<img src=“图像文件的地址” alt="图片的备用说明"> |
栗子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html5新增结构标签</title>
<img src="Sources/dog.jpg.jpg" title="这是一只小狗的图片" alt="这是一只狗的图片" width="300" height="300"/>
</head>
<body>
</body>
</html>