html&css------列表、链接、图像（10/31）

列表

• 有序列表
• 无序列表
• 定义列表

有序列表：

<ol>(有序列表)、<li>(列表项目)

浏览器对列表有默认的缩进

无序列表

<ul>(无序列表)、<li>(列表项目)

定义列表

<dl>、<dt>、<dd>

链接

网站链接：

<a href="相对路径/绝对路径">name</a>

Email链接：

<a href="mailto:michelleswan@xx.com">email</a>

新窗口打开链接：

<a href="http://www.baidu.com" target="_blank">baidu(opens in new window)</a>

链接到当前页面的某一个特定的位置：

<a href="#top(id特性的元素)">xxxx</a>        常用于目录跳转

图像

添加图像

<img>

src：图像来源

alt：对图像进行文本说明，在无法查看图像时，对图像进行描述

title：附加信息，光标悬停显示title特性

height：以像素为单位图像的高度

width：图像的宽度

插入图像的位置

align：left/right

图像垂直对齐

align：top/middle/bottom

图形和图形说明

<figure>：包含图像以及对图像的说明

<figcaption>：让网页设计人员给图像添加说明（图片正下方会有一行文字介绍，就写在这个标签里面的）