HTML图像 / 表格 / 列表 / 使用实例

在HTML中图像由<img>标签定义，表格由<table>标签来定义，列表支持有序无序和定义列表。

图像

img标签属性

<img src="url" />

PS：src="url"的url是图片路径地址。

img替换属性

<img src="url" alt="图片描述">

PS：alt="描述"当图片加载失败就会以图片描述文字显示。

表格

边框属性

<table border="1">
<tr>
<td>内容</td>
<td>内容</td>
</tr>
</table>

PS：border="1" 定义边框属性，如果不加将不显示表格边框。

表头

<table border="1">
<tr>
<th>标题1</th>
<th>标题2</th>
</tr>
<tr>
<td>内容1111</td>
<td>内容2222</td>
</tr>
<tr>
<td>内容1111</td>
<td>内容2222</td>
</tr>
</table>

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

空单元格

<table border="1">
<tr>
<td>内容</td>
<td>内容</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>内容</td>
</tr>
</table>

PS：空单元格中添加一个空格占位符&nbsp; 

表格由<table>标签来定义。每个表格均有若干行（由 <tr> 标签定义）每行被分割为若干单元格（由 <td> 标签定义）。

数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

列表

无序列表

<ul>
<li>内容</li>
<li>内容</li>
</ul>

PS：无序列表使用粗体圆点（典型的小黑圆圈）进行标记。列表始于<ul>标签。每个列表项始于<li>

有序列表

<ol>
<li>内容</li>
<li>内容</li>
</ol>

PS：同样，有序列表使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签

定义列表

<dl>
<dt>标题1</dt>
<dd>内容内容内容内容</dd>
<dt>标题2</dt>
<dd>内容内容内容内容</dd>
</dl>

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