HTML---图像标记和表格标记

基本语法格式：<img src="图像 URL（路径）" />

src属性用于引入图片，指定图像文件的路径，包括绝对路径或相对路径（同级目录（同一文件夹）、上级目录、下级目录）

width和height属性分别用来设置图像的宽度和高度，单位为像素。

border属性用来设置图像的边框，单位是像素，0表示无边框。

基本语法格式：<table>

                                <tr>

                                       <td>单元格内的文字<td>

                                 </tr>

                         </table>

<table></table>用于定义一个表格，<tr></tr>用于定义表格中的行，<td></td>用于定义表格中的单元格（列）。

<th></th>也表示单元格，自动居中，加粗显示

常用的属性：

（1）<table>标记的border属性会为每个单元格应用边框，并用边框围绕表格。

如图，如果border值发生改变，那么只有围绕表格的边框尺寸会发生变化，表格内部的边框还是1像素宽（若改为0，则边框全无）。

（2）width、height：宽度、高度

（3）align：描述表格的位置（文字位置）

（4）cellspacing：描述边框的厚度

（5）cellpadding：描述表格内文字与边框的距离

（6）background：设置表格背景颜色

（6）bgcolor：设置单元格背景颜色

（7）rowspan：设置单元格竖跨的行数（合并）

（8）colspan：设置单元格横跨的列数（合并）

格式：<!-- -->

注释内容不会显示在网页中

HTML表格的基本结构包括<table>、<caption>、<tr>、<td>、<th>等标记

1：<table>标记有以下属性

① width属性：表示表格的宽度

② height属性：表示表格的高度

③ border属性：表示表格外边框的宽度

④ align属性表示表格的显示位置：left居左显示；center居中显示；right居右 显示。

⑤ cellspacing属性：单元格之间的间距

⑥ cellpadding属性：单元格内容与边框的显示距离

⑦ frame属性：控制表格边框外层的四条线框

⑧ rules属性：控制显示单元格之间的分割线

2：<caption>标记用于表格中使用标题

<caption>标记的align属性有四个取值：

① top表示标题放在表格的上部

② bottom表示标题放在表格的下部

③ left表示标题放在表格的左部

④ right表示标题放在表格的右部

3：<tr>标记用来定义表格的行，对于每一个表格行，都是由一对<tr>...</tr>标记表示。<tr>标记有如下几种属性

① bgcolor属性用来设置背景颜色

② align属性用来设置垂直方向对齐方式

③ valign属性用来设置水平方向对齐方式

4：<td>和<th>都是单元格的标记，其必须嵌套在<tr>标记中，成对出现。<th>是表头标记，<th>中的文字会被默认加粗，而<td>不会，<td>是数据标记，表示该单元格的具体数据。两者的标记属性是一样的：

① bgcolor属性用来设置背景颜色

② align属性用来设置垂直方向对齐方式

③ valign属性用来设置水平方向对齐方式

④ width属性用来设置表格的宽度

⑤ height属性用来设置表格的高度

⑦ rowspan设置单元格所占行数

⑧ colspan设置单元格所占列数

---