热区，链接，锚点

1.<!-- base 是页面的基准路径，如果页面中的路径有 明确指向 某个目录那它的路径会直接生效，如果是在本及路径下面的相对路径就可以省去这个基准路径 -->

2.<!-- 
不管是图片还是 超链接，后面 的路径都是url，再本地使用的是文件系统
在文件系统里 凡是不以  / 开始的路径都是相对路径，相对路径都是从当前文件开始找起: ./ 就表示当前目录 ../ 表示上一级目录 xxx直接找名字为xxx文件 xxx/表示找xxx这个文件夹

以  / 开始的路径都是绝对路径，绝对路径路径都是从硬盘的根目录（unix/linux），在windows上找盘符的根目录
-->


3. <!-- 图片 src表示图片的路径（地址） alt表示图片加载失败是显示的提示 

<img src="unclewang.jpeg" title="王叔叔" usemap="unclewang"><br>
4. <map name="unclewang" id="wang">
<!-- area 表示热区，可以在图片或其他元素上绑定一个 map ，里面每一个area都表示一个可以跳转的链接，常用的区域图形是矩形、多边形和圆形 -->
<!-- 矩形:coords="x,y,width,height" -->
<area shape="rect" coords="80,15,550,100" href="neighbor.html" alt="">
<!-- 多边形:coords="x,y,x1,y1,x2,y2..." -->
<area shape="poly" coords="20,150, 50, 200, 100, 300,10, 400 " href="neighbor.html" alt="">
<!-- 圆形:coords="x,y,r" -->
<area shape="circle" coords="630,200,150" href="neighbor.html" alt="">
</map>

5.<!-- 超链接 跳转页面的的标签 href 表示需要跳转的页面地址（url） -->
<a href="neighbor.html" target="_blank">去隔壁转一转</a><br

6.<!-- 音频播放 -->
<audio src="unclewang.mp3" controls loop autoplay></audio>

锚点：

使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。 创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。 【创建命名锚记】 　　1、在“文档”窗口的“设计”视图中，将插入点放在需要命名锚记的地方,执行下列操作之一： 　　* 选择“插入”>“命名锚记”。 　　* 按下 Control+Alt+A。 　　* 在“插入”栏的“常用”类别中，单击“命名锚记”按钮。 　　出现“命名锚记”对话框。 　　2、在“锚记名称”文本框中，键入锚记的名称，并单击“确定”。锚记标记在插入点处出现。 　　注意：如果看不到锚记标记，可选择“查看”>“可视化助理”>“不可见元素”。 　　3、这时外面可以看到的描点代码为：<a name="锚点名"></a> 如：<a name="top"></a> 　　 【链接到命名锚记】 　　在“文档”窗口的“设计”视图中，选择要从其创建链接的文本或图像。在属性面板的“链接”文本框中，键入一个数字符号 (#) 和锚记名称。例如： 　　*若要链接到当前文档中的名为“top”的锚记，请键入 #top。如：<a href="#top">点击我连接...

创建锚点

编辑

1、在“文档”窗口的“设计”视图中，将 插入点放在需要命名锚记的地方,执行下列操作之一：

* 选择“插入”>“命名锚记”。

* 按下 Control+Alt+A。

* 在“插入”栏的“常用”类别中，单击“命名锚记”按钮。

出现“命名锚记”对话框。

2、在“锚记名称”文本框中，键入锚记的名称，并单击“确定”。锚记标记在插入点处出现。

注意：如果看不到锚记标记，可选择“查看”>“可视化助理”>“不可见元素”。

3、这时外面可以看到的锚点代码为：<a name="锚点名"></a> 如 ：<a name="top"></a>

链接到锚点

编辑

在“文档”窗口的“设计”视图中，选择要从其创建链接的文本或图像。在属性面板的“链接”文本框中，键入一个数字符号 (#) 和锚记名称。例如：

*若要链接到当前文档中的名为“top”的锚记，请键入 #top。如 ：<a href="#top">点击我连接到TOP</a>

*若要链接到同一文件夹内其它文档中的名为“top”的锚记，请键入 filename.html#top。

示例代码

编辑

在HTML页面中适当位置定义如下的锚点：

<a id="top">这里是TOP部分</a>

<a id="content">这里是CONTENT部分</a>

<a id="foot">这里是FOOT部分</a>

（您可以使用 id 属性来替代 name 属性，命名锚同样有效。 [1]   ）

对于如上锚点的访问有两种方法

一种是利用超链接标签<a></a>制作锚点链接，主要用于页面内的锚点访问

<a href="#top">点击我链接到TOP</a>

<a href="#content">点击我链接到CONTENT</a>

<a href="#foot">点击我链接到FOOT</a>

另一种方式是直接在页面地址后面加锚点标记，主要用于不同页面之间的锚点访问

假如本页面的地址是http://文件路径/index.html，要访问foot锚点只要访问如下链接即可

http://文件路径/index.html#foot