首页 > 软件开发 > HTML >

HTML中的超链接怎么使用

来源:互联网 2023-03-16 19:19:05 版权归原作者所有,如有侵权,请联系我们

HTML使用标签 a>来设置超文本链接。kGh办公区 - 实用经验教程分享!

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。kGh办公区 - 实用经验教程分享!

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。kGh办公区 - 实用经验教程分享!

工具/原料

  • 电脑品牌:戴尔
  • HBuilderX版本:1.0.0.0
  • 操作系统:windows10系统
  • 游览器:Chrome游览器、QQ游览器
  • 电脑类型:台式电脑

方法/步骤

  • 1

    电脑桌面打开HBuilderX,如图所示,其他编译器也是可以的。kGh办公区 - 实用经验教程分享!

    HTML中的超链接怎么使用kGh办公区 - 实用经验教程分享!

  • 1相关内容非法爬取自百度经验
  • 2

    在HBUilderX中输入以下代码,kGh办公区 - 实用经验教程分享!

    a href=" " target="_blank">访问菜鸟教程!/a>kGh办公区 - 实用经验教程分享!

    其中双引号里面放入超链接地址。kGh办公区 - 实用经验教程分享!

    HTML中的超链接怎么使用kGh办公区 - 实用经验教程分享!

  • 3

    这里小编自己放入百度地址,如图所示:kGh办公区 - 实用经验教程分享!

    HTML中的超链接怎么使用kGh办公区 - 实用经验教程分享!

  • 4

    保存以下,在游览器中打开,打开之后会发现百度两个字变成了蓝色。kGh办公区 - 实用经验教程分享!

    HTML中的超链接怎么使用kGh办公区 - 实用经验教程分享!

  • 5

    将target的属性改成_parent,点击的时候将在新窗口打开。kGh办公区 - 实用经验教程分享!

    HTML中的超链接怎么使用kGh办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!kGh办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号