HTML-图片/表格/列表

插入图片：

1.插入图片或者动画的用法：

<img src = "/images/eg_cute.gif" width = "120" height ="120" /> (来自文件夹)

<img src ="http://www.w3school.com.cn/i/w3school_logo_white.gif"/> (来自网上图片)

注意：

html文件要和images文件夹放在同一目录

img标签为空标签，它并没有闭合标签

2.alt 属性

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的

注意：

如果您把鼠标指针移动到图像上，大多数浏览器会显示 "alt" 文本

如果无法显示图像，将显示 "alt" 属性中的文本

3.背景图片

<body background = "/images/p2023650740.jpg"> (如果图像小于页面，图像会进行重复)

4.图片对齐方式

"bottom"(底部) "middle"(中间) "top"(顶部)

5. 浮动图像

带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。 align 属性设置为 "right"。图像将浮动到文本的右侧。

6.图像作为链接使用

<a />

表格：

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border = "1"> border 设置边框，border="0"时没有边框

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

1.表格的表头使用 <th> 标签进行定义。

2.在空单元格中添加一个空格占位符（ ），就可以将边框显示出来。

3.跨行添加属性：colspan = "3" 相当于合并三个单元格

跨列添加属性：rowspan = "3"

比如：<td colspan = "2" > 哈哈 </td>

4.单元格边距添加在table标签里的属性 cellpadding = "0"

5.单元格间距添加在table标签里的属性 cellspacing = "0"

6.表格背景颜色，添加在table标签里的属性 bgcolor = "red"

7.表格背景图像，添加在table标签里的属性 background ="/i/eg_buttonnext.gif"

8.表格中排列内容，标签添加在<th><td>中 align = "left"/"center"/"right"

列表

1.定义无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表始于 <ul> 标签。每个列表项始于 <li>。默认使用小黑圆点，如果要使用其他样式，在标签<ul>中使用属性<type>="" 来定义

<ul>

<li>Coffee</li>

</ul>

2.定义有序列表

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。默认为1、2、3如果要使用其他样式请使用标签<ol>的属性 type="" 来定义

<ol>

<li>Coffee</li>

</ol>

3.定义自定义列表

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>

<dt>Coffee</dt>

<dd>Black hot drink</dd>

<dd>White cold drink</dd>

</dl>

注意：列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。