图像、路径、列表、表格

浏览器支持的图像格式：GIF，JPG/JPEG，PNG

标记

<img src="图像URL" width="宽度" height="高度" alt="注释" border="边框宽度"/>

说明：图像的src和alt属性必须存在

URL

URL（统一资源定位器），表示网络资源的路径信息。

绝对路径：由完整的协议名称、主机名称、路径及文件全程组成。

如：http://www.a.com/b.rar
ftp://192.168.111.3/test/b.html

相对路径：从当前文档开始的路径。

公共属性（除head，script，meta等外都可以使用）

• id
• class
• style
• title：注释

链接

<a href="目标文档URL" target="窗口形式">文本/图像</a>

窗口形式：

• _self：在自身窗口打开（默认）
• _blank：在新窗口打开

锚点链接（书签链接）

1.创建锚点

<a name="名称"></a>
名称只能以字母下划线开头，包含有字母数字下划线，不能有空格等特殊符号。

2.链接到锚点

<a href="#锚点名称">文本/图像</a>

返回页面顶部（空链接）

<a href="#">文本/图像</a>

列表

无序编号

<ul type="disc|square|circle">
    <li>...</li>
    ...
</ul>

有序编号

<ol>
    <li>...</li>
    ...
</ol>

表格

标记

<table>
    <tr>
        <td>...</td>
        ...
    </tr>
    ...
</table>

表格属性包括

• width：宽度
• height：高度
• border：边框宽度
• cellpadding：内边距
• cellspacing：外边距

行的属性包括

• align：left|center|right

列的属性包括

• align：left|center|right
• rowspan：行合并
• colspan：列合并

行分组操作

<thead>、<tbody>、<tfood>

合并：

<td rowspan="行合并" colspan="列合并"></td>