前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小白前端入门笔记(12),设置哑链接

小白前端入门笔记(12),设置哑链接

作者头像
TechFlow-承志
发布2021-02-08 09:52:38
3460
发布2021-02-08 09:52:38
举报
文章被收录于专栏:TechFlow

大家好,欢迎来到freecodecamp HTML专题第12篇。

今天的挑战依然关于a标签。

背景知识

有的时候,我们想要在我们还不知道链接指向何处的时候就添加一个a标签。

看起来好像有些不可思议,但是其实在学习了JavaScript之后,你会发现这其实是常态。因为JavaScript可以动态地修改HTML以及CSS的内容,所以我们可以在我们还不知道具体链接之前就设置好a标签。

关于JavaScript的内容,我们将会在之后学习到它们。

题意

现在我们有一个a标签,它的href属性指向了"https://freecatphotoapp.com"。我们希望将href中的内容替换成#。也就是英文中的hashtag,代表一个无效的链接。

比如:

代码语言:javascript
复制
<a href="#"></a>

要求

  1. 你的a元素应该包含一个无效的链接,通过href指向#实现

编辑器

代码语言:javascript
复制
<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属性改成#即可。

代码语言:javascript
复制
<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>
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-01-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Coder梁 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 背景知识
  • 题意
    • 要求
      • 编辑器
      • 解法
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档