欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 旅游 > Web前端-Web开发HTML基础4-a

Web前端-Web开发HTML基础4-a

2024/10/24 1:48:51 来源:https://blog.csdn.net/a15735748145a/article/details/140471678  浏览:    关键词:Web前端-Web开发HTML基础4-a

一. 基础
1. 写一个超链接代码,指向https://baidu.com;
2. 写一个超链接代码,指向https://huawei.com/cn;
3. 写一个超链接代码,指向https://baidu.com,显示行为"百度";
4. 写一个超链接代码,指向https://huawei.com/cn,显示行为"华为";
5. 写一个超链接代码,将图像../img/img1.png作为链接,指向https://baidu.com;
6. 写一个超链接代码,将图像../img/img2.png作为链接,指向https://huawei.com/cn;
7. 写一个超链接代码,指向https://baidu.com,显示行为"百度",在新的标签页中打开它;
8. 写一个超链接代码,指向https://huawei.com/cn,显示行为"华为",在新的标签页中打开它;
9. 写一个超链接代码,链接到电子邮件地址3591178539@qq.com,显示行为"发送邮件";
10. 写一个超链接代码,链接到电子邮件地址kili.duan.peer@gmail.com,显示行为"发送邮件";
11. 写一个超链接代码,链接到电话号码+86 15735748145,显示行为"打电话";
12. 写一个超链接代码,链接到电话号码+86 19529153755,显示行为"Call me";
13. 写一个超链接代码,指向html中id为"section1"的地方;
14. 写一个超链接代码,指向html中id为"section2"的地方;
15. 写一个超链接代码,指向html中id为"section3"的地方;
16. 写一个超链接代码,指向html中id为"section4"的地方;
17. 写一个超链接代码,能够执行alert('Hello World!');
18. 写一个超链接代码,能够执行alert('How are you?');
19. 写一个超链接代码,只起到占位符的作用;
20. 写一个超链接代码,只起到占位符的作用;
二. 提高
1. 超链接标签有结束标签嘛?
2. 超链接标签有结束标签嘛?


一. 基础
1. <a href="https://baidu.com"></a>
2. <a href="https://huawei.com/cn"></a>
3. <a href="https://baidu.com">百度</a>
4. <a href="https://huawei.com/cn">华为</a>
5. <a href="https://baidu.com"><img src="../img/img1.png"></a>
6. <a href="https://huawei.com/cn"><img src="../img/img2.png"></a>
7. <a href="https://baidu.com" target="_blank">百度</a>
8. <a href="https://huawei.com/cn" target="_blank">华为</a>
9. <a href="mailto:3591178539@qq.com">发送邮件</a>
10. <a href="mailto:kili.duan.peer@gmail.com">发送邮件</a>
11. <a href="tel:+8615735748145">打电话</a>
12. <a href="tel:+8619529153755">Call me</a>
13. <a href="#section1"></a>
14. <a href="#section2"></a>
15. <a href="#section3"></a>
16. <a href="#section4"></a>
17. <a href="javascript:alert('Hello World!');"></a>
18. <a href="javascript:alert('How are you?');"></a>
19. <a>占位符1</a>
20. <a>占位符2</a>
二. 提高
1. a标签有结束标签
2. a标签有结束标签

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com