• 技术文章 >web前端 >前端问答

    html中如何建立超链接

    藏色散人藏色散人2021-03-26 11:01:20原创13978

    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中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:html
    上一篇:html表单怎么插图 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• PHP中如何使用DOMDocument来处理HTML、XML文档• html背景图片怎么设置大小• html文件里面怎么放入css• html超链接默认字体颜色怎么清除• html表单怎么插图
    1/1

    PHP中文网