首页
学习
活动
专区
圈层
工具
发布

学会HTML超链接a标签,你的网页就能跳转了

target——控制打开方式 加上 target="_blank"(注意前面有下划线),点击链接会在新标签页打开,原来的页面保留着。 不加的话,点击链接直接在当前页面跳转,想回去就得按浏览器返回键。...实际开发中,外部链接一般加 target="_blank",站内链接一般不加。...网站上的广告图、logo 跳转,都是这么做的。 在 HTML5 里,a 标签甚至可以包裹 div 这类块级元素,整个区域都能点击跳转。...到目前为止你已经学会了 网页骨架结构(html/head/body) 块级元素 div 和行内元素 span 图片标签 img 和 src 属性 class 和 id 的区别 超链接 a 标签和 href...、target 属性 HTML 入门的核心知识点基本就这些了。

62610
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML 链接

    链接允许用户在浏览网页时单击文本或图像来跳转到其他位置,从而实现网页之间的互联。 尝试一下 - 实例 HTML 链接 如何在 HTML 文档中创建链接。...(可以在本页底端找到更多实例) HTML 超链接(链接) HTML使用标签 来设置超文本链接。...超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。 当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。...HTML 链接语法 以下是 HTML 中创建链接的基本语法和属性: 元素:创建链接的主要HTML元素是(锚)元素。...要创建锚点链接,需要在目标位置使用 元素定义一个标记,并使用#符号引用该标记。例如: 跳转到第二部分 <!

    96910

    Hugo 外部链接跳转提示页面

    为了合规和自我审查,我对博客做了 2 件事,一是把评论系统迁移到了 Giscus,这提高了一定的评论门槛,让评论处于半关闭状态;二是清理了一些博客中的链接,让剩下的链接通过跳转页面跳转。...3 个文件创建跳转页面 # 我的设计思路与「空白」的第一版 JS 的方式不太一样,我利用 Hugo 内置模板 _markup 的 render-link.html ,在 Hugo 构建时就把外链用 Hugo...新建或者修改 render-link.html # _markup/render-link.html 是 Hugo 渲染链接的内置模板。...如果博客选用的主题没有自定义 render-link.html,那需要自己新建一个此文件,如果主题已经自定义过链接渲染的,那就可以直接修改此文件。...如果习惯用 {{ Shortcodes }} 发文,或者页面有自定义的 html 链接,需要自己做链接 path 的 base64 兼容,这个模板能解析 href="/go/?

    1.8K10

    【HTML】HTML 标签 ③ ( 链接标签 | 注释标签 )

    连接标签格式 : 跳转链接" target="窗口打开方式">链接内容 href 属性 : 设置 链接 的 URL 地址 , 该属性必须设置 ; 链接 分为 外部链接 和 内部链接...; 内部链接 : 链接到 内部的 html 文件页面 , 如 index.html ; html">首页 ; 空链接 : 如果没有确定链接目标 , 设置 # 值 ,...新页面打开链接 html> 展示效果 : 点击链接 1 , 原窗口消失 , 弹出百度页面 ; 点击链接 2 , 跳转到首页网页 ; 点击链接 3 ,...没有任何效果 ; 点击链接 4 , 跳转到博客页面 ; 点击链接 5 , 原窗口保留 , 在新窗口显示博客页面 ; 二、注释标签 ---- 如果在 HTML 页面中进行 代码注释 ,...-- 空链接, 不进行跳转 --> 3. 空链接 链接, 点击图片进行跳转 --> 4.

    15K20
    领券