iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >Dreamweaver网页中如何制作锚点链接
  • 204
分享到

Dreamweaver网页中如何制作锚点链接

2023-06-08 04:06:29 204人浏览 安东尼
摘要

这篇文章将为大家详细讲解有关Dreamweaver网页中如何制作锚点链接,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。打开DW软件,选择一个空白的html文档,打开新建一个空白网页。在这里我们做一个简单的

这篇文章将为大家详细讲解有关Dreamweaver网页中如何制作锚点链接,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

打开DW软件,选择一个空白的html文档,打开新建一个空白网页。在这里我们做一个简单的示例和演示。

Dreamweaver网页中如何制作锚点链接

OK,这是我刚刚创建的一个页面,左侧为目录,右边为页面。我们发现右面的页面相对较长,不能完全显示。这个时候,我们就需要锚点链接。当我们想点击“目录”百度经验测试3,就跳转到相对应的右侧测试3页面,就需要有锚点链接

Dreamweaver网页中如何制作锚点链接

我们以百度经验测试3为示例,从头到尾的为大家演示一下锚点链接的制作。首先,我们要选中右侧表格中的测试3,把光标移动到测试3的前面。

Dreamweaver网页中如何制作锚点链接

移动好之后,选择工作区---常用--命名标记按钮。如果你没有如图所示的图标,你可以打开窗口---插入前面打对号就可以了。快捷键:Ctrl+F2

Dreamweaver网页中如何制作锚点链接

点击之后会弹出命名窗口,不要用汉字命名,然后给锚点添加名称,这里我们命名为“cs3”,添加之后,会出现如图所示的效果。前面有一个锚的小图标,文字被选中了。

Dreamweaver网页中如何制作锚点链接

Dreamweaver网页中如何制作锚点链接

回到左侧选中,刚刚的目录百度经验测试3,在页面底部有链接的字样(红色框那里),然后把刚刚的锚点名称(cs3)填写进去,这里记得加“#”号。一个页面可以有很多的锚点,这里必须要加“#”号。

Dreamweaver网页中如何制作锚点链接

好的,填写好之后,一个锚点链接就做好了。保存Ctrl+S,然后F12,预览,大功告成。

Dreamweaver网页中如何制作锚点链接

关于“Dreamweaver网页中如何制作锚点链接”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

--结束END--

本文标题: Dreamweaver网页中如何制作锚点链接

本文链接: https://www.lsjlt.com/news/251702.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Dreamweaver网页中如何制作锚点链接
    这篇文章将为大家详细讲解有关Dreamweaver网页中如何制作锚点链接,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。打开DW软件,选择一个空白的html文档,打开新建一个空白网页。在这里我们做一个简单的...
    99+
    2023-06-08
  • Dreamweaver网页中如何插入命名锚记链接
    这篇文章将为大家详细讲解有关Dreamweaver网页中如何插入命名锚记链接,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。方法如下首先,打开Dreamweaver,新建html文件,为了方便大家理解小编这...
    99+
    2023-06-08
  • Dreamweaver如何制作网页
    小编给大家分享一下Dreamweaver如何制作网页,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1)怎样将 Dreamweav...
    99+
    2024-04-02
  • 使用Dreamweaver怎么制作一个网页超链接
    本篇文章给大家分享的是有关使用Dreamweaver怎么制作一个网页超链接,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。第一步是打开Dreamweaver工具;然后在Dream...
    99+
    2023-06-08
  • Dreamweaver如何制作邮件链接下载链接及空链接
    小编给大家分享一下Dreamweaver如何制作邮件链接下载链接及空链接,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!方法如下邮件链接。选中需要设置邮件链接的位文...
    99+
    2023-06-08
  • dreamweaver如何制作网页模板
    这篇文章主要为大家展示了“dreamweaver如何制作网页模板”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“dreamweaver如何制作网页模板”这篇文章吧。对于很多初学网页的人来说,dre...
    99+
    2023-06-08
  • dreamweaver网页中如何制作DIV图层
    这篇文章主要介绍dreamweaver网页中如何制作DIV图层,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!方法如下首先打开dreamweaver软件。在单击布局里的绘制图。在绘制如下图可以看到了一个方形,可以更改长...
    99+
    2023-06-08
  • dreamweaver cs5网页如何链接css样式
    这篇文章将为大家详细讲解有关dreamweaver cs5网页如何链接css样式,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。首先打开我们的软件cs5点就文件新建的选项空白页---css--创建然后就出现...
    99+
    2023-06-08
  • Dreamweaver网页中如何添加电子邮箱链接
    这篇文章将为大家详细讲解有关Dreamweaver网页中如何添加电子邮箱链接,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。方法如下点击桌面上的程序图标,进入程序。在创建新项目上,选择【html】选中文本,...
    99+
    2023-06-08
  • dreamweaver中如何制作网页漂浮广告
    这篇文章主要为大家展示了“dreamweaver中如何制作网页漂浮广告”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“dreamweaver中如何制作网页漂浮广告”这篇文章吧。作法:先在 Drea...
    99+
    2023-06-08
  • 如何使用html5网页中的锚点
    今天小编给大家分享一下如何使用html5网页中的锚点的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解...
    99+
    2024-04-02
  • HTML网页中的锚点如何使用
    这篇文章主要讲解了“HTML网页中的锚点如何使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML网页中的锚点如何使用”吧!1.锚点是网页制作中超级链接...
    99+
    2024-04-02
  • Dreamweaver如何制作网页打开特效
    这篇文章主要介绍了Dreamweaver如何制作网页打开特效,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。Dreamweaver v8.0 简体中文版(附注册机+8.02补丁...
    99+
    2023-06-08
  • Dreamweaver CC如何制作纯文本的网页
    这篇文章主要介绍了Dreamweaver CC如何制作纯文本的网页,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一、如何添加内容标题在设计视图输入文字,单击文字所在行,右击鼠...
    99+
    2023-06-08
  • Dreamweaver如何给网页制作跳转菜单
    这篇文章主要介绍了Dreamweaver如何给网页制作跳转菜单,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。一、前期准备打开Dreamweaver软件,选择“创建新项目”中的...
    99+
    2023-06-08
  • Frontpage网页超链接怎么制作
    这篇文章主要介绍了Frontpage网页超链接怎么制作的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Frontpage网页超链接怎么制作文章都会有所收获,下面我们一起来看看吧。範例:    ...
    99+
    2023-06-08
  • Dreamweaver如何解决网页制作中的空格问题
    小编给大家分享一下Dreamweaver如何解决网页制作中的空格问题,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Dreamweaver是一个非常简单易用但又功能...
    99+
    2023-06-08
  • Dreamweaver如何定义模板批量制作网页
    这篇文章给大家分享的是有关Dreamweaver如何定义模板批量制作网页的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、建立模板 创建模板页面最简单的办法是将一个网页另存为模板文件,通过执行命令:File&am...
    99+
    2023-06-08
  • dreamweaver如何制作网页折叠菜单效果
    这篇文章将为大家详细讲解有关dreamweaver如何制作网页折叠菜单效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。  去过Microsoft的网站吗(如图一)如果去过的话,那么你应该对这个站上面那条...
    99+
    2023-06-08
  • Dreamweaver站点如何检查链接错误?
    这篇文章主要介绍Dreamweaver站点如何检查链接错误,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!Dreamweaver检查站点中的链接错误设置教程。打开或创建一个测试Dreamweaver网页,并在网页编写一...
    99+
    2023-06-08
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作