HTML 超链接

最新推荐文章于 2024-03-02 20:44:08 发布

ฅ逸魚

最新推荐文章于 2024-03-02 20:44:08 发布

阅读量123

点赞数

分类专栏： HTML+CSS 学习笔记文章标签： html css

本文链接：https://blog.csdn.net/weixin_47186832/article/details/110333769

版权

HTML+CSS 学习笔记专栏收录该内容

18 篇文章 0 订阅

订阅专栏

确定要素：
- 1、内容居中
- 2、上下两条水平线
- 3、有超链接跳转到其他页面
  - 想增加难度的话，可以试试引入另一个页面里面的内联框架，
  - 这个内联框架里面是这一个练习里面的内容（A超链接B，B里面的内容是A）
- 4、标题的等级
创建一个超链接时，如果地址不确定可以直接写一个#作为占位符
- 将#作为超链接时，在点击超链接后，会自动跳转到顶部
在HTML中，有一个属性，每一个元素都可以设置，该属性可以作为标签中的唯一标志
- 这个属性就是id，id属性在同一个页面中只能有一个，不能重复

<body>
	 <center>
     <!--跳转到id为bottom的元素所在的位置：#id名 -->
    <a href="#bottom">去底部</a>
	<h1>骑士道</h1>
    <hr />
    <h2>安迷修</h2>
    <a href="ab/ab/00302.jpg"><h4>安哥的骑士道</h4></a>
    <a href="#"><h4>安哥的骑士道</h4></a>
    <p>一轮明月照大地<br />
    我脚踏着大地喝扎啤<br />
    啦啦啦啦啦啦啦<br />
    啦啦啦啦啦啦啦啦啦啦啦<br />
    啦啦啦啦啦啦啦<br />
    啦啦啦啦啦啦啦<br /> 
    <img src="ab/ab/00302.jpg" width="300" />
    </p>
    
    <hr />
	友情链接 ： <a href="#">啦啦啦</a> | <a href="#">啦啦啦</a> | <a href="#">啦啦啦</a>
    <br/>
    <a id="bottom" href="#">去顶部</a>
    <a href="mailto:2051406161@qq.com">电子邮件</a>
    </center>
</body>

发送电子邮件的超链接，点击链接以后可以自动打开计算机中默认的电子邮件客户端
href="mailto:邮件地址"
这里的邮件地址是指收件人的地址

ฅ逸魚

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 超链接

<!DOCTYPE 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><!--确定要素： 1、内容居中 2、上下两条水.
复制链接

扫一扫

专栏目录