如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
HTML网页制作：[9]创建超链接的方法
来源：互联网
2023-03-16 19:19:39 版权归原作者所有，如有侵权，请联系我们
超链接，可以说是HTML中基本也是最重要的特征之一，方便进行多页面的跳转。比如通过网络看新闻，那简直是看无止境，那链接是无论如何也点不完了。本篇，小编就教你如何在网页中添加超链接。
链接包括许多种，这里介绍最常用的两种：
1）内部链接：链接到本地页面
2）外部链接：链接到外部的页面，比如百度啊、谷歌啊之类的。
工具/原料
- 一台电脑
- dw或者TXT等
一.内部链接
内部链接是链接到本地的页面。
基本语法：
a href="将要链接的地址">需要显示的字符/a>
简单吧。
举个例子。
首先，看下小编的目录。
其中，hello.html是主页面，我将在其中做一个链接，让他链接到另一个网页www.html上。
![HTML网页制作：[9]创建超链接的方法](https://exp-picture.cdn.bcebos.com/ce26355fd54605966f316e633e03c8d247fe25b9.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
先看hello.html的代码
html xmlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
title>无标题文档/title>
/head>
body>
a href="www.html">链接/a>
/body>
/html>
其中：a href="www.html">链接/a>
在页面上，将出现“链接”两个字，点击“链接”之后，将会跳转到www.html的页面
![HTML网页制作：[9]创建超链接的方法](https://exp-picture.cdn.bcebos.com/b955ead0b503c8d29ddbddfd498333bf3aef21b9.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
看下hello.html的效果图
![HTML网页制作：[9]创建超链接的方法](https://exp-picture.cdn.bcebos.com/460fdc8333bf3befd56aca0b3f3ea8db564a1ab9.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
点击上面的链接后，将会链接到www.html上。
www.html的效果图：
![HTML网页制作：[9]创建超链接的方法](https://exp-picture.cdn.bcebos.com/a99a494afa32939ccbd245015719ce2c5a1b15b9.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
当然，还有一些属性需要注意：
a href="链接的目标" target="yyy">显示的字样/a>
yyy = "-self" 在当前页面打开
= “-blank” 在一个新的页面打开
当然，还有许多其他的内容，等待着你去挖掘、
二.外部链接
外部链接的意思是，链接到外部的网页，比如百度啊，谷歌啊。
a href="http://xxx.xxx.xxx">显示的字样/a>
需要注意，"http://"这个必须加上。
举个错误的例子。
看代码：
body>a href="www.baidu.com">链接/a>/body>/html>
许多朋友会这样写，就是没有带http://
OK，来看下效果，根本找不到百度页面。
因为，你没有加http://，会认为这是一个内部链接，而你本地是没有百度页面的，所以不可能找到。
![HTML网页制作：[9]创建超链接的方法](https://exp-picture.cdn.bcebos.com/fb738d9c2cf7dfb2353c549fd01b1edef5dc13b9.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
来看下正确的代码：
body>a href="http://www.baidu.com">链接/a>/body>/html>
![HTML网页制作：[9]创建超链接的方法](https://exp-picture.cdn.bcebos.com/6834ecc4ec995943f224d24d95425d6b05d104b9.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
点击“链接”后，发现可以正确连接到百度页面。成功。
![HTML网页制作：[9]创建超链接的方法](https://exp-picture.cdn.bcebos.com/3ac71c214f579356599d6293effb960b302170b9.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 433 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)