首页 >web前端 >前端问答 > 正文

html中如何建立超链接

原创2021-03-26 11:01:2003141

html中建立超链接的方法:首先创建一个HTML示例文件;然后创建一个a标签并写入点击跳转的文字;接着在a后面写上href,并在href后面写入跳转链接;最后运行该HTML文件即可。

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

第一步,新建一个HTML文档。在这里可以看到这是个很普通的HTML代码。

43d6ebff3aa89c61e92021196d1adb3.png

第二步,我们在<a></a>的中间写“www.baidu.com”,写这个的目的是为了我们待会点击这段文字会跳转页面。

cf5e751ca7ca8e24995c41b756bd956.png

第三步,我们在<a>里面的a后面打个空格,然后写href进去。

c6daf6fc4159c0c270ac9e6d769e894.png

第四步,我们需要编写上这段代码:<a href="http://www.baidu.com">www.baidu.com</a>,href后面写的是链接

09cb76fbd380ff83481e96e0b91940c.png

第五步,打开这个HTML的文件,我们可以看到在这里有个“www.baidu.com”的文字。

76936152f5651fb3eab50f696ea1510.png

第六步,我们点击一下这个文字之后就可以打开百度的网站了,是不是很简单。

c7a4ac31d5fb8d3abc6ca1fd2240220.png

【推荐教程:《html视频教程》】【推荐教程:CSS视频教程

以上就是html中如何建立超链接的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:html
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息
    推荐视频教程
  • HTML每日小知识(第二季)HTML每日小知识(第二季)
  • HTML 代码实例HTML 代码实例
  • HTML5 极速入门HTML5 极速入门
  • 前端课程(五郞八卦棍系列)第一棍:HTML5前端课程(五郞八卦棍系列)第一棍:HTML5
  • 视频教程分类