H5-2

HTML实体

HTML 中的预留字符必须被替换为字符实体。
一些在键盘上找不到的字符也可以使用字符实体来替换。

• 常见的一些字符实体
  &nbsp空格
  &lt<
  &gt>
  &quot引号
  &copy版权©
  &yen¥
  &timesx
  divide÷
  &reg ®

HTML列表

HTML列表分为无须列表<ul></ul>和有序列表<ol></0l>

无序列表是一个项目的列表项，此列项目使用实习远点进行标记;同样有序列表也是一列项目，用数字进行标记。

• ul 双 无序列表 属性 type(disc(默认)/square/circle)
• li 双 列表项 属性 type 值同上
• ol 双 有序列表 属性 reversed(降序) type(1/a/A/I) start(值数字)
• dl 双 定义列表
• dt 双 列表项目的标题
• dd 双 列表项目的描述

文本标签

文本标签都是双标签
<b>定义粗体文字
<em>强调 斜体字
<strong>强调 表现为加粗
<small>定义小号字
<i>定义为 斜体字 科学专业术语
<u>下划线
<ins>定义插入字
<del>定义删除字
<kbd>定义键盘码
<abbr>定义缩写
<code>定义计算机编码
<address>定义地址
<sup>定义上标文字
<sub>定义下标文字
<q>引用 短
<blockquote>引用 长
<cite>引证 距离，书名，电影

超链接（url）

• 统一资源定位器
  万维网的每一个文件都有一个url

锚点

锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。
在HTML适当位置定义如下锚点:
<a name="top"</a>>
<a href="#top"跳转到top</a>
<a name="center"></a>
<a href="#center">跳转到center</a>

img

<img>是单标签>
属性
<alt>代表图像的替代文字
<src>代表一个图像源
<title>提示信息
<border>代表图片边框的宽度
<height>代表一个图像的高度
<wedth>代表一个图片的宽度
<usemap>将图像定义为客户端图像映射

图像映射

图像映射可以理解为图片加载图片，通过<img/>后添加<map>和<area>设置。
图像映射分为：

(1)服务器端图像映射：将点击的坐标发送给服务器，由服务器的脚本来决定。（例如：href="http://www.baidu.com"）

(2)客户端图像映射：根据点击位置不同确定链接目的。（例如：href="图像映射/a.jpg"）
知识点：

通过<img/>后添加<map>和<area>设置。

<map>元素表明映射的开始

<area>元素表明每个区域，如果要把一个图片分4个区域，则用4个area。

<map>元素只有一个name属性.

下面介绍area元素的属性：

(1)shape：必须的属性，用于描述区域的形状，rect\poly\circle\default 可选, 矩形\多边形\圆形，default指的是还没有被定义的区域。

(2)coords：

``
(3)<href>和<nohref>：

href：href="http://www.baidu.com"，连接网页；

href="图像映射/a.jpg" 连接大图片，（图片必须存在www目录下，否则找不到）

nohref：如果不指定href属性，则需要指定nohref，nohref="nohref"

(4)target：和<a>一样。

(5)alt：图片不显示的一种提示。

注意：

(1)在<img>中设置usemap属性。

(2)在<map>中设置name属性。

常见的图片格式

• gif
• png
• jpg/jpeg