HTML第六章 链接标签

发布时间:2026/8/11 15:08:36

HTML第六章 链接标签
6. 链接标签6.1 超链接标签超链接a标签普通a标签普通a标签跳转远程地址a hrefhttps://www.baidu.com点击此处跳转百度/a跳转至本地a href../code/1.Hello.html点击此处跳转本地链接/a邮箱跳转了解a hrefmailto:123qq.com点击此处发送邮件/a链接标签的常用属性href①远程链接 ②本地文件 ③邮箱title链接标题target跳转方式①_blank打开新的网页窗口 ②_self当前窗口跳转【默认】6.2 锚链接标签设置锚点采用id或name属性使用锚点采用href “#id的属性值”!DOCTYPEhtmlhtmllangenheadmetacharsetUTF-8metanameviewportcontentwidthdevice-width, initial-scale1.0title锚链接标签_a/title/headbodyahref#bottomidtop返回底部/ali测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/lili测试内容/liahref#topidbottom返回顶部/a/body/html6.3 图片超链接a标签中的提示文字变为图片即可!DOCTYPEhtmlhtmllangenheadmetacharsetUTF-8metanameviewportcontentwidthdevice-width, initial-scale1.0title图片超链接/title/headbodyahrefhttps://www.taobao.comtarget_blankimgsrc./cat1.jpgalt图片1/a/body/html6.4 图片热区热区超链接根据不同的图片区域坐标添加不同的链接使用地图通过usermap #name的值通过name属性设置地图的名字区域划分如下!DOCTYPEhtmlhtmllangenheadmetacharsetUTF-8metanameviewportcontentwidthdevice-width, initial-scale1.0title热区链接/title/headbodyimgsrc./cat.jpgaltwidth1280pxusemap#购物mapname购物!-- 定义矩形位置 --areatitle淘宝shaperectcoords0,0,430,800hrefhttps://www.taobao.com!-- 定义圆形位置 --areatitle京东shapecirclecoords640,400,210hrefhttps://www.jd.com!-- 定义多边形位置 --areatitle天猫shapepolycoords1070,0,1280,400,800,850,400hrefhttps://www.tmall.com/map/body/html

相关新闻

微分的本质理解与实用计算技巧

微分的本质理解与实用计算技巧

2026/8/11 15:08:36

1. 微分概念的本质理解 微分是微积分中最基础也最重要的概念之一,但很多初学者往往只记住了公式却没能真正理解其本质。我第一次接触微分时,老师用"显微镜下的观察"来比喻:就像用放大镜看曲线,在极小的范围内&#xff0…

终极Unity包提取指南:无需编辑器快速解压.unitypackage文件

终极Unity包提取指南:无需编辑器快速解压.unitypackage文件

2026/8/11 14:58:36

终极Unity包提取指南:无需编辑器快速解压.unitypackage文件 【免费下载链接】unitypackage_extractor Extract a .unitypackage, with or without Python 项目地址: https://gitcode.com/gh_mirrors/un/unitypackage_extractor 你是否曾经因为需要提取Unity资…

2小时,我搭了一套设备保养提醒系统,再也不用靠人工记忆!

2小时,我搭了一套设备保养提醒系统,再也不用靠人工记忆!

2026/8/11 14:58:36

“这个设备什么时候该保养?” “上次保养是什么时候?” “这台设备最近有没有异常?” 这几个问题,在很多制造企业里面,其实每天都在发生。 前段时间接触一家制造企业,他们有几十台生产设备,设备…

AI Agent如何掌握产品方法论?开源技能市场PM Skills Marketplace解析

AI Agent如何掌握产品方法论?开源技能市场PM Skills Marketplace解析

2026/8/11 17:28:44

1. 项目缘起:当AI Agent遇上产品经理的“黑话”最近在AI圈子里,一个叫“PM Skills Marketplace”的开源项目热度不低。乍一看标题,“PM”和“Marketplace”这两个词放在一起,很容易让人联想到一个产品经理的招聘平台或者技能交易市…

Agent Governance Toolkit与Realme Pay集成:支付安全中的AI代理治理

Agent Governance Toolkit与Realme Pay集成:支付安全中的AI代理治理

2026/8/11 17:28:44

Agent Governance Toolkit与Realme Pay集成:支付安全中的AI代理治理 【免费下载链接】agent-governance-toolkit AI Agent Governance Toolkit — Policy enforcement, zero-trust identity, execution sandboxing, and reliability engineering for autonomous AI …

中国著名有影响力的权威市场地位认证研究机构公司

中国著名有影响力的权威市场地位认证研究机构公司

2026/8/11 17:28:44

在当下竞争白热化的商业环境里,企业在市场中的行业地位与排名,已成为其品牌实力的直观体现,更是在市场角逐中斩获竞争优势、赢得客户信赖的核心要素之一。市场地位与排名证明服务可以帮助企业展示自身的价值、能力、特色和影响力,…

论文高分秘诀✨专业科研绘图,零基础一键出图|直接商用✅

论文高分秘诀✨专业科研绘图,零基础一键出图|直接商用✅

2026/8/11 17:28:44

很多人论文扣分、观感廉价的核心原因:文字再好,配图太业余! 手动用Word、PPT画图,线条杂乱、配色土气、版式不协调,没有学术质感。专业绘图软件上手难、教程看不懂、调参耗时间,熬夜半天画出来的流程图、模…

3个关键点解密:为什么你的游戏手柄总是“慢半拍“?

3个关键点解密:为什么你的游戏手柄总是“慢半拍“?

2026/8/11 17:28:44

3个关键点解密:为什么你的游戏手柄总是"慢半拍"? 【免费下载链接】XInputTest Xbox 360 Controller (XInput) Polling Rate Checker 项目地址: https://gitcode.com/gh_mirrors/xin/XInputTest 想象一下这样的场景:你在激烈…

老板该看的工厂排产管理(四):生产日历不是考勤表,它决定工厂真实产能和交期底线

老板该看的工厂排产管理(四):生产日历不是考勤表,它决定工厂真实产能和交期底线

2026/8/11 17:18:44

很多老板看生产计划时,第一眼会看订单、看设备、看交期,很少第一眼去看生产日历。 因为生产日历看起来太基础了。 不就是设置一下班次吗? 不就是告诉系统哪天上班、哪天休息吗? 不就是把早班、中班、晚班维护进去吗&#xff1…

比较好的亚太EMBA,问了6位校友师资差别真的挺大

比较好的亚太EMBA,问了6位校友师资差别真的挺大

2026/8/10 5:58:32

比较好的亚太EMBA核心差异先看什么?对于希望兼顾工作与系统管理能力提升的亚太区高管而言,筛选匹配度高的EMBA项目时,师资配置是决定学习体验与实际收获的核心要素之一。我们结合3-4个公开信息透明、办学历史较长的亚太区主流EMBA项目特点&am…

备考3个月对比6份资料 海外游学的亚洲EMBA面试注意点

备考3个月对比6份资料 海外游学的亚洲EMBA面试注意点

2026/8/11 8:44:43

备考海外游学的亚洲EMBA面试,核心要围绕项目国际化设计逻辑、个人跨文化管理经验匹配度两个维度准备,避免把游学模块等同于普通旅游参访的认知偏差。不少备考者花3个月对比6份资料,却容易忽略面试官对“国际视野落地能力”的考察——比如香港…

比较好的国内EMBA,问了二十位校友聊透人脉价值

比较好的国内EMBA,问了二十位校友聊透人脉价值

2026/8/11 15:57:54

比较好的国内EMBA核心差异体现在哪些方面?比较好的国内EMBA的核心长期价值,很大程度上依托于校友网络的连接质量与资源生态的活跃度,这也是不少高管在择校时优先考量的因素。我们结合3-4个市场关注度较高的项目公开信息,从课程、师…

Unity新手入门:从零搭建开发环境与核心概念解析

Unity新手入门:从零搭建开发环境与核心概念解析

2026/8/11 0:07:41

1. 项目概述:为什么Unity是游戏开发者的首选起点如果你对游戏开发感兴趣,或者想进入这个充满创造力的行业,那么“Unity”这个名字你肯定不陌生。它几乎是所有新手开发者、独立游戏团队,甚至是一些3A大厂在特定项目上的首选引擎。为…

Agency-Agents 智能体系统从零搭建实战指南

Agency-Agents 智能体系统从零搭建实战指南

2026/8/11 0:07:41

在开发复杂应用时,我们常常遇到单一模型难以兼顾全局规划与细节执行的困境。有时候,模型擅长创意生成却在逻辑推理上稍显吃力,或者精于代码编写却缺乏对业务上下文的深刻理解。为了解决这个问题,多智能体协作架构应运而生&#xf…

MiniMax 权益码 Token Plan 套餐 9 折优惠,Token Plan 共建邀请计划 至2026.8.31

MiniMax 权益码 Token Plan 套餐 9 折优惠,Token Plan 共建邀请计划 至2026.8.31

2026/8/11 0:07:41

🚀 MiniMax Token Plan MiniMax 推出全新 Token 计划,新增语音、音乐、视频和图片生成权益。 用户邀请好友可享双重福利 订阅一份套餐,解锁最新模型 —— 前沿 Coding 能力、1M 超长上下文、原生多模态,图文音视频共用套餐额度。 …

摆脱论文困扰!盘点2026年全网爆红的的AI论文写作工具

摆脱论文困扰!盘点2026年全网爆红的的AI论文写作工具

2026/8/8 5:07:31

一天写完毕业论文在2026年已不再是天方夜谭。2026年最炸裂、实测能大幅提速的AI论文写作工具,覆盖选题构思、文献整理、内容生成、格式排版等核心场景,真正帮你高效搞定论文难题。 一、全流程王者:一站式搞定论文全链路(一天定稿首…

导师推荐!2026最新AI论文工具测评与实用推荐

导师推荐!2026最新AI论文工具测评与实用推荐

2026/8/9 13:42:46

2026年真正好用的AI论文工具,核心看生成的论文质量、低AI味、格式正确、学术适配四大指标。综合实测,千笔AI、ThouPen、豆包、DeepSeek、Grammarly 是当前最值得推荐的梯队,覆盖从免费到付费、从中文到英文、从文科到理工的全场景需求。 一、…

告别游戏崩溃:XCOM 2模组管理器的智能革命

告别游戏崩溃:XCOM 2模组管理器的智能革命

2026/8/8 2:30:15

告别游戏崩溃:XCOM 2模组管理器的智能革命 【免费下载链接】xcom2-launcher The Alternative Mod Launcher (AML) is a replacement for the default game launchers from XCOM 2 and XCOM Chimera Squad. 项目地址: https://gitcode.com/gh_mirrors/xc/xcom2-lau…