HTML图像跟链接
HTML图像和链接
<a> 定义超链接。 4 5
<a> 标签定义超链接，用于从一个页面链接到另一个页面。
<a> 元素最重要的属性是 href 属性，它指定链接的目标。
1：如果没有使用 href 属性，则不能使用 hreflang, media, ping, rel, target 以及 type 属性。
2：通常在当前浏览器窗口中显示被链接页面，除非规定了其他 target。
3：请使用 CSS 来改变链接的样式。
属性 值 描述
href URL 链接的目标 URL。
hreflang language_code 规定目标 URL 的基准语言。仅在 href 属性存在时使用。
media media query 规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。
rel 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
alternate 链接到文档的替代版本（例如打印页、翻译或镜像）。
archives 链接到文档集或历史数据。
author 链接到文档的作者。
bookmark 用作书签的永久 URL。
external 链接到外部文档。
first 链接到集合中的首个文档。
help 链接到帮助文档。
index 链接到文档的索引。
last 链接到集合中最后的文档。
licence 链接到文档的版权信息。
next 集合中下一个文档。
nofollow 链接到未认可的文档，比如付费链接。Google 使用 "nofollow" 来规定其搜索蜘蛛不跟踪该链接。
noreferrer 规定当用户跟随该超链接时，浏览器不应发送 HTTP referer 头。
prev 集合中的前一个文档。
search 链接到文档的搜索工具。
sidebar 链接到应该在浏览器边栏中显示的文档。
tag 当前文档标签（关键词）。
up 提供指向一个文档的链接。该文档提供当前文档的上下文关系。
target _blank 在何处打开目标 URL。仅在 href 属性存在时使用
_parent
_self
_top
type mime_type 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注：MIME = Multipurpose Internet Mail Extensions。
<img> 定义图像。 4 5
<img> 标签定义 HTML 页面中的图像。
请注意，从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。
<img> 标签有两个必需的属性：src 和 alt。
属性 值 描述
alt text 规定图像的替代文本。
src URL 规定图像的 URL。
height pixels % 规定图像的高度。
ismap ismap 把图像设置为服务器端图像映射。
usemap #mapname 把图像设置为客户端图像映射。
width pixels % 规定图像的宽度。
<map> 定义图像映射。 4 5
<map> 标签用于定义客户端图像映射。图像映射指的是带有可点击区域的图像。
name 属性在 map 元素中是必需的。该属性与 <img> 标签的 usemap 属性相关联，以创建图像与映射之间的关系。
map 元素包含若干 area 元素，定义图像映射中的可点击区域。
1、area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
属性 值 描述
name mapname 规定图像映射的名称。
<area> 定义图像映射中的区域。 4 5
<area> 标签定义图像映射内部的区域（图像映射指的是带有可点击区域的图像）。
area 元素始终嵌套在 <map> 标签内部。
1：<img> 标签中的 usemap 属性与 map 元素中的 name 相关联，以创建图像与映射之间的关系。
属性 值 描述
alt text 规定区域的替代文本。如果使用 href 属性，则该属性是必需的。
coords coordinates 规定区域的坐标。
href URL 规定区域的目标 URL。
hreflang language_code 规定目标 URL 的语言。
media media query 规定目标 URL 是为何种媒介/设备优化的。默认：all。
rel alternate 规定当前文档与目标 URL 之间的关系。
author
bookmark
external
help
license
next
nofollow
noreferrer
prefetch
prev
search
sidebar
tag
shape rect 规定区域的形状。
rectangle
circ
circle
poly
polygon
target _blank 规定在何处打开目标 URL
_parent
_self
_top
framename
type mime_type 规定目标 URL 的 MIME 类型。
<a> 定义超链接。 4 5
<a> 标签定义超链接，用于从一个页面链接到另一个页面。
<a> 元素最重要的属性是 href 属性，它指定链接的目标。
1：如果没有使用 href 属性，则不能使用 hreflang, media, ping, rel, target 以及 type 属性。
2：通常在当前浏览器窗口中显示被链接页面，除非规定了其他 target。
3：请使用 CSS 来改变链接的样式。
属性 值 描述
href URL 链接的目标 URL。
hreflang language_code 规定目标 URL 的基准语言。仅在 href 属性存在时使用。
media media query 规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。
rel 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
alternate 链接到文档的替代版本（例如打印页、翻译或镜像）。
archives 链接到文档集或历史数据。
author 链接到文档的作者。
bookmark 用作书签的永久 URL。
external 链接到外部文档。
first 链接到集合中的首个文档。
help 链接到帮助文档。
index 链接到文档的索引。
last 链接到集合中最后的文档。
licence 链接到文档的版权信息。
next 集合中下一个文档。
nofollow 链接到未认可的文档，比如付费链接。Google 使用 "nofollow" 来规定其搜索蜘蛛不跟踪该链接。
noreferrer 规定当用户跟随该超链接时，浏览器不应发送 HTTP referer 头。
prev 集合中的前一个文档。
search 链接到文档的搜索工具。
sidebar 链接到应该在浏览器边栏中显示的文档。
tag 当前文档标签（关键词）。
up 提供指向一个文档的链接。该文档提供当前文档的上下文关系。
target _blank 在何处打开目标 URL。仅在 href 属性存在时使用
_parent
_self
_top
type mime_type 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注：MIME = Multipurpose Internet Mail Extensions。
<img> 定义图像。 4 5
<img> 标签定义 HTML 页面中的图像。
请注意，从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。
<img> 标签有两个必需的属性：src 和 alt。
属性 值 描述
alt text 规定图像的替代文本。
src URL 规定图像的 URL。
height pixels % 规定图像的高度。
ismap ismap 把图像设置为服务器端图像映射。
usemap #mapname 把图像设置为客户端图像映射。
width pixels % 规定图像的宽度。
<map> 定义图像映射。 4 5
<map> 标签用于定义客户端图像映射。图像映射指的是带有可点击区域的图像。
name 属性在 map 元素中是必需的。该属性与 <img> 标签的 usemap 属性相关联，以创建图像与映射之间的关系。
map 元素包含若干 area 元素，定义图像映射中的可点击区域。
1、area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
属性 值 描述
name mapname 规定图像映射的名称。
<area> 定义图像映射中的区域。 4 5
<area> 标签定义图像映射内部的区域（图像映射指的是带有可点击区域的图像）。
area 元素始终嵌套在 <map> 标签内部。
1：<img> 标签中的 usemap 属性与 map 元素中的 name 相关联，以创建图像与映射之间的关系。
属性 值 描述
alt text 规定区域的替代文本。如果使用 href 属性，则该属性是必需的。
coords coordinates 规定区域的坐标。
href URL 规定区域的目标 URL。
hreflang language_code 规定目标 URL 的语言。
media media query 规定目标 URL 是为何种媒介/设备优化的。默认：all。
rel alternate 规定当前文档与目标 URL 之间的关系。
author
bookmark
external
help
license
next
nofollow
noreferrer
prefetch
prev
search
sidebar
tag
shape rect 规定区域的形状。
rectangle
circ
circle
poly
polygon
target _blank 规定在何处打开目标 URL
_parent
_self
_top
framename
type mime_type 规定目标 URL 的 MIME 类型。