大家好,欢迎来到freecodecamp HTML专题第12篇。
今天的挑战依然关于a
标签。
有的时候,我们想要在我们还不知道链接指向何处的时候就添加一个a
标签。
看起来好像有些不可思议,但是其实在学习了JavaScript之后,你会发现这其实是常态。因为JavaScript可以动态地修改HTML以及CSS的内容,所以我们可以在我们还不知道具体链接之前就设置好a
标签。
关于JavaScript的内容,我们将会在之后学习到它们。
现在我们有一个a
标签,它的href
属性指向了"https://freecatphotoapp.com"。我们希望将href
中的内容替换成#
。也就是英文中的hashtag,代表一个无效的链接。
比如:
<a href="#"></a>
a
元素应该包含一个无效的链接,通过href
指向#
实现<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="https://freecatphotoapp.com" target="_blank">cat photos</a>.</p>
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>
今天的挑战非常简单,我们只需要按照题目的要求把a
标签当中的href
属性改成#即可。
<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#" target="_blank">cat photos</a>.</p>
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>