首页 > 编程知识 正文

锚点链接怎么做,举例说明如何使用锚点链接

时间:2023-05-05 16:36:48 阅读:134348 作者:3013

如果网页内容多、页面过长,在浏览网页时需要不断拖动滚动条来显示所需的内容,效率低下、不方便。 为了加快信息检索速度,HTML语言提供了特殊的链接——锚点链接,通过创建锚点链接,用户可以快速导航到目标内容。 别胡说,你先上代码: doctypehtmlhtmlheadmetacharset=' utf-8 ' title链接/title/headbody课程介绍: ul lia href='#one '平面广告设计/a/twwiliahref three'Flash交互式广告视频设计/a/li lia href='#four '用户界面(UI )设计/a/Li lia href=' # five ' jave br/br/br/br/br/br/br/br/br/h3id=' two '网页设计与制作/h3 p课程是基于DIV CSS的网页标准布局、Dreamweaver快速网站br/br/br/br/h3id='three'Flash交互式广告视频设计/h3 p课程涵盖Flash视频基础、Flash高级视频和Flash交互式广告设计h3id='four '用户界面(UI )设计/h3 p课程涵盖实用美术基础、手绘基础造型、图标设计与实战演练、界面设计与实战演练。/pbr/br/br/br/br/br/br/br/br/br/br/br/h3id=' five ' JavaScript和jQuery的web特效/h3 p课程是JavaScript编程的涵盖h3 p套餐的/pbr/br/br/br/br/br/br/br/br/br/br//body/html效果图如下:

上图是长页。 用鼠标单击“课程介绍”下的链接时,页面会自动转到相应的内容介绍部分。 例如,如果单击“Flash交互式广告视频设计”,页面效果将如下图所示。

要点:创建锚点链接包括两个步骤。 1 .使用“a href=' # id名称'链接文本/a”创建链接文本; 2 .用相当的id名标记跳转目标的位置。 声明:“我来自网络。 侵犯著作权的情况下,请联系删除”

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。