如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
HTML入门：[5]链接的处理方法
来源：互联网
2023-03-16 19:19:26 76
本节经验主要介超链接方面的处理代码内容，包括：
超链接；
锚点；
电子邮件。
方法/步骤
设置超链接：
新建链接的测试页面，在页面中添加一个连接到图片页面的超链接。
![HTML入门：[5]链接的处理方法](https://exp-picture.cdn.bcebos.com/db196cdade49610f59deddb0a56817e950e1d2dc.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
打开页面，可以看到文字下面有超链接标示。
![HTML入门：[5]链接的处理方法](https://exp-picture.cdn.bcebos.com/5917cb3da824d8e9105acbd2da598540112ac8dc.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
点击链接，页面更换到图片页面。
![HTML入门：[5]链接的处理方法](https://exp-picture.cdn.bcebos.com/3b03be7aa010bc330bb0440f92efa25f0d143fdd.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
点击返回键，可以再次返回超链接页面。
![HTML入门：[5]链接的处理方法](https://exp-picture.cdn.bcebos.com/87c8bf46b7b1eef98d353cc8bfb33c4132ba32dd.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
设置锚点：
以图片页面为例在其中添加锚点。
首先给3张图片的介绍文字分别添加锚记，在页首添加链接到下方2个图片的锚点。
![HTML入门：[5]链接的处理方法](https://exp-picture.cdn.bcebos.com/d2001d7de137c976d9340d7144672b5fd4462bdd.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
页面显示如下，点击锚点1，页面转到对应的图片位置。
![HTML入门：[5]链接的处理方法](https://exp-picture.cdn.bcebos.com/c99358fe474ec2833b364b5bbe4f50b8b53e1cdd.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
![HTML入门：[5]链接的处理方法](https://exp-picture.cdn.bcebos.com/560be432939c2cf7cd3bacad452c5b1b1fde12dd.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
点返回按钮回到页首，点击锚点2，页面转到最下方的图片位置。
![HTML入门：[5]链接的处理方法](https://exp-picture.cdn.bcebos.com/a1780d1fceecd3d975fc827067995943050108dd.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
设置电子邮件链接：
在页面中添加电子邮件的链接。
![HTML入门：[5]链接的处理方法](https://exp-picture.cdn.bcebos.com/054056fe1e425d6b2058399d11883913e9e500dd.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
在页面中点击电子邮件的链接，会弹出默认的邮件发送客户端，可以写邮件给指定邮箱。由于本机未安装邮件客户端，所以弹出该提示窗口。
![HTML入门：[5]链接的处理方法](https://exp-picture.cdn.bcebos.com/e9a4f2eeadbcbe2f6bf936ac54dae43b3a8678dd.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
![HTML入门：[5]链接的处理方法](https://exp-picture.cdn.bcebos.com/4e168d5653bbf8205272e6bfba21056105a36edd.jpg?x-bce-process=image/resize,m_lfit,w_500,limit_1/format,f_auto/quality,q_80)
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： HTML
上一篇：个人建设网站 下一篇：HTML基础教程：[4]列表标签
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 436 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)