欢迎来到游戏爱好者,这里是最新最全的游戏下载基地!

您的位置:首页 > 文章频道 > 软件教程

dreamweaver cs6网页怎么设置锚点链接?制作锚点链接教程分享

来源:游戏爱好者 2023-02-27 17:30:02 责任编辑:笑话

部分网友刚刚下载使用dreamweaver cs6的朋友们,可能还不是很熟悉其中制作锚点链接?下面这篇内容就为你们带来了。

dreamweaver cs6网页怎么设置锚点链接?制作锚点链接教程分享

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

dreamweaver cs6网页怎么设置锚点链接?制作锚点链接教程分享

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

dreamweaver cs6网页怎么设置锚点链接?制作锚点链接教程分享

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

dreamweaver cs6网页怎么设置锚点链接?制作锚点链接教程分享

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

dreamweaver cs6网页怎么设置锚点链接?制作锚点链接教程分享

dreamweaver cs6相关攻略推荐:

dreamweaver cs6怎样用框架结构制作网页?框架结构制作网页方法介绍

dreamweaver cs6显示代码行数怎么操作?显示代码行数流程一览

dreamweaver cs6代码格式化怎么操作?将代码格式化教程分享

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

dreamweaver cs6网页怎么设置锚点链接?制作锚点链接教程分享

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

dreamweaver cs6网页怎么设置锚点链接?制作锚点链接教程分享

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

按照上文为你们描述的dreamweaver cs6网页中制作锚点链接的具体操作步骤,你们是不是都学会了呀!

推荐文章

  • 比特币怎么兑换其他货币

    比特币他是一种特殊的货币,不仅可以直接消费,也可以直接去兑换其他的货币使用,这种全球通的货币不管到哪里使用起来都是比较方便的,如果想要了解比特币兑换其他货币的具体内容,可以看看小编在下方介绍的相关的内容。                           

    立即阅读2024-04-07 14:06:27

  • 携程旅行特价机票在哪买

    携程旅行app会不定时上线各种特价机票,能够为小伙伴们节省一大笔购票费用,那么携程旅行怎么购买特价机票呢?下面就让小编为你详细讲解一下查询购买特价机票的方法,有需要的朋友们千万不要错过!携程旅行查询特价机票方法介绍1.首先点击打开手机中的携程旅行软件进入到界面后,在上方的功能选项里找到“机票”这一项,并在上面点击进入。2.来到机票页面后,在上方的选项里点击选择“特价机票”这一项进行切换。3.接下来

    立即阅读2024-03-28 11:15:34

  • 荣耀magic6pro开发人员选项在哪设置

    荣耀magic6pro这款手机有着强大的性能,还有着非常多的创新功能,受到了很多开发人员的喜爱。那么荣耀magic6pro怎么设置开发人员选项呢?下面就让小编为你详细介绍一下,有需要的朋友们赶紧来看一下吧! 荣耀magic6pro怎么设置开发人员选项1、打开荣耀Magic6pro点击进入设置,点击进入【关于手机】。2、连续点击版本号七次即可进入开发者模式。3、返回设置,点击进入【系统和更新】即可看

    立即阅读2024-01-11 14:01:05

  • 快手如何不让别人看到自己关注的用户

    很多小伙伴都会在快手app中观看各种短视频内容,关注自己喜欢的用户。那么不让别人看见自己关注的快手用户应该怎么设置呢?下面就让小编为你详细讲解一下,有需要的朋友们赶紧来看一下吧!快手怎么不让别人看见我关注的人1.打开快手软件后,来到快手页面之后点击左上角的【三横】图标;2.然后在当前的页面点击【设置】;3.进入到设置的页面之后点击【隐私设置】;4.来到隐私设置的页面之后点击【动态】;5.来到动态的

    立即阅读2024-01-05 11:13:15