3-25作业

来源:3-25 编程练习

rock221

2021-02-21 13:35:02

<!DOCTYPE html>
<html>
<head>
<title>超级链接</title>
</head>
<body>
<a name="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<a href="fruits.html#fruits">水果</a><br />
<!--设置蔬菜锚点链接-->
<a href="vegetables.html#vegetables">蔬菜</a><br />
<!--设置运动锚点链接-->
<a href="exercise.html#exercise">运动</a><br />

</body>
</html>
水果目录:<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!--设置水果标题-->
<h2><a name="fruits">水果</a></h2>
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
</ul>


<!--设置返回顶部链接-->
<a href="one.html#top">返回顶部</a>


</body>
</html>
蔬菜目录:<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!--设置蔬菜标题-->
<h2><a name="vegetables">蔬菜</a></h2>
<ul>
<li>西红柿</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜薹</li>
<li>西葫芦</li>
<li>香菇</li>
<li>菠菜</li>
<li>豆角</li>
<li>油菜</li>
</ul>

<!--设置返回顶部链接-->
<a href="one.html#top">返回顶部</a>
</body>
</html>
运动目录:​<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<!--设置运动标题-->
<h2><a name="exercise">运动</a></h2>
<ul>
<li>篮球</li>
<li>足球</li>
<li>网球</li>
<li>橄榄球</li>
<li>跳水</li>
<li>跳高</li>
<li>跳远</li>
<li>冰球</li>
<li>羽毛球</li>
<li>乒乓球</li>
<li>高尔夫</li>
<li>冰球</li>

</ul>
<a href="one.html#top">返回顶部</a>

</body>
</html>

有一个疑问:我看其他同学写的代码

<!--设置水果锚点链接-->
<a href="#fru" alt="点击前往水果">水果</a><br>

为什么要加alt呢? alt不是提示信息吗?当前面的路径没有找到的情况下提示用户信息用的吗? 既然是提示信息,为什么能点击前往水果呢? 我有点不太明白。  我在我的代码中添加了<a href="fruits.html#fruits"alt="点击前往水果">水果</a><br />,没有任何作用啊。 

写回答

1回答

好帮手慕小班

2021-02-21

同学你好,alt 属性是img标签中的一个属性,它规定在图像无法显示时的替代文本。在a标签中并无法发挥这个功能。

所以这里书写alt并没有实际意义。

祝学习愉快!

0

0 学习 · 16556 问题

查看课程