Files
freeCodeCamp/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.md
2022-01-20 20:30:18 +01:00

2.1 KiB

id, title, challengeType, videoUrl, forumTopicId, dashedName
id title challengeType videoUrl forumTopicId dashedName
bad87fee1348bd9aedf08817 ハッシュ記号を使用してデッドリンクを作成する 0 https://scrimba.com/p/pVMPUv/cMdkytL 18230 make-dead-links-using-the-hash-symbol

--description--

時々、リンク先をどこにするか決める前に a 要素を追加したいことがあります。

この方法は、JavaScript を使用してリンクの動作を変更する場合にも便利です。こちらは後ほど学習します。

--instructions--

href 属性の現在の値は "https://www.freecatphotoapp.com" を指すリンクです。 href 属性の値をハッシュ記号 # に置き換え、デッドリンクを作成してください。

例: href="#"

--hints--

a 要素は、href 属性の値が "#" に設定されたデッドリンクである必要があります。

assert($('a').attr('href') === '#');

--seed--

--seed-contents--

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="https://www.freecatphotoapp.com" target="_blank">cat photos</a>.</p>

  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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>

--solutions--

<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#" target="_blank">cat photos</a>.</p>

  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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>