第八章 body中的标签（三）
一、超链接：a标签
- 网页中
<a>标签，全称：anchor，锚点的意思。它在html中称为超链接标签，可以说它在网页中是无处不在的，只要有链接的地方，就有会这个标签。 - <a> 标签用于定义超链接，作用是从一个页面链接到另一个页面。
- <a> 标签最重要的属性是 href 属性，用于创建指向另外一个文档的链接（或超链接）。
- 标签定义及使用说明
- <a> 标签定义超链接，用于从一个页面链接到另一个页面。
- <a> 元素最重要的属性是 href 属性，它指定链接的目标。
- 在所有浏览器中，链接的默认外观如下：
- 未被访问的链接带有下划线而且是蓝色的
- 已被访问的链接带有下划线而且是紫色的
- 活动链接带有下划线而且是红色的
1.1 使用a 标签
语法： ```html 链接显示的文本 ```示例：百度一下
<a href="https://www.baidu.com/" title="百度搜索">百度一下</a>
1.2 href属性
规定链接的目标 URL。
1.3 title属性
设置当鼠标移动到该元素时，所显示的文本。
1.4 target属性
规定在何处打开目标 URL。仅在 href 属性存在时使用。
语法：
<a target="_blank|_self|_parent|_top|framename">
| 值 | 描述 |
|---|---|
| _blank | 在新窗口中打开被链接文档。 |
| _self | 默认。在相同的框架中打开被链接文档。 |
| _parent | 在父框架集中打开被链接文档。 |
| _top | 在整个窗口中打开被链接文档。 |
| framename | 在指定的框架中打开被链接文档。 |
1.5 其它属性
New：HTML5 中的新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
| coords | coordinates | HTML5 不支持。规定链接的坐标。 |
| downloadNew | filename | 指定下载链接 |
| href | URL | 规定链接的目标 URL。 |
| hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
| mediaNew | media_query | 规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。 |
| name | section_name | HTML5 不支持。规定锚的名称。 |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag |
规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
| rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
| shape | default rect circle poly |
HTML5 不支持。规定链接的形状。 |
| target | _blank _parent _self _top framename |
规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
| type New | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。 注：MIME = Multipurpose Internet Mail Extensions。 |
1.6 锚点
在一些网页中我们常常看到一些目录，点击后，跳转到当前页面的指定位置。其原理就职利用了a标签的锚点来实现的。
语法：
<a href="#id">Text</a>
示例:
跳转到 示例：百度一下 。
<a href="#a_demo">百度一下</a>
<!-- 代码注释：
页面内跳转，必须使用 # + id 。
a_demo：为该二级标题的 id 属性的值。
-->
#二、图片标签：img <img> 标签用于展示 HTML 页面中的图像，使得页面能够“图文并茂”。
语法：
<img src="图片地址" alt="下载失败时的替换文本" title='提示文本'>
示例：
<img src="https://blog-static.cnblogs.com/files/langkye/headImg.ico" alt="示例图片" title="示例图片" />
支持GIF,PNG,JPEG,ICO等格式的图像文件
2.1 其它属性
New：HTML5 中的新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| align | top bottom middle left right |
HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。 |
| alt | text | 规定图像的替代文本。 |
| border | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像周围的边框。 |
| crossoriginNew | anonymous use-credentials |
设置图像的跨域属性 |
| height | pixels | 规定图像的高度。 |
| hspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像左侧和右侧的空白。 |
| ismap | ismap | 将图像规定为服务器端图像映射。 |
| longdesc | URL | HTML5 不支持。HTML 4.01 已废弃。 指向包含长的图像描述文档的 URL。 |
| src | URL | 规定显示图像的 URL。 |
| usemap | #mapname | 将图像定义为客户器端图像映射。 |
| vspace | pixels | HTML5 不支持。HTML 4.01 已废弃。 规定图像顶部和底部的空白。 |
| width | pixels | 规定图像的宽度。 |
*
