dreamweaver表格中命名锚记,

dreamweaver表格中命名锚记,,第1张

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td height="1000" valign="top"><img src="/图片路径.jpg" / id="aa"></td>

</tr>

<tr>

<td><a href="#aa">点击回到顶部</a></td>

</tr>

</table>

1.给图片附一个id(aa)

2.跳转的时候指向这个id(#aa)

锚点是在页面内跳转到指定位置,既然你点击的时候显示不存在另一个页面,那么可能是链接写错了~

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

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

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

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

(您可以使用 id 属性来替代 name 属性,命名锚同样有效。)

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

一种是利用超链接标签<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

设计步骤如下:

1、启动Dreamweaver,ctrl+n,点击创建html文档;

2、设计视图顶部输入“顶部”,底部输入“返回顶部”;

3、光标定位到“顶部”前方,点击锚记按钮,d出对话框输入top,点击确定;

4、选择返回顶部,点击超级链接按钮,目标输入#top,点击确定;

5、按ctrl+s,输入文件名保存;

6、按F12,打开浏览器调试即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11779717.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存