{"componentChunkName":"component---src-templates-blog-post-js","path":"/blog/freecodecamp/frontend/html/fcc-challenge-23-make-dead-links-using-the-hash-symbol/","result":{"data":{"site":{"siteMetadata":{"title":"Be Brav3"}},"markdownRemark":{"id":"ad343d8a-71a4-5a6c-80d0-d1d3bb5aa2b2","excerpt":"In Free Code Camp Challenge 23 we can create links that doesn’t lead to any actual web page, called dead links. Sometimes you want to add a elements to your…","html":"<p>In <a href=\"https://www.freecodecamp.com/challenges/make-dead-links-using-the-hash-symbol\">Free Code Camp Challenge 23</a> we can create links that doesn’t lead to any actual web page, called dead links.</p>\n<blockquote>\n<p>Sometimes you want to add a elements to your website before you know where they will link.</p>\n<p>This is also handy when you’re changing the behavior of a link using jQuery, which we’ll learn about later.</p>\n<p>Replace the value of your a element’s href attribute with a #, also known as a hash symbol, to turn it into a dead link.</p>\n</blockquote>\n<p>[html highlight=”30″]</p>\n<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n  \n<style>\n    \n.red-text {\n      \ncolor: red;\n    \n}\n<p>h2 {</p>\n<p>font-family: Lobster, Monospace;</p>\n<p>}</p>\n<p>p {</p>\n<p>font-size: 16px;</p>\n<p>font-family: Monospace;</p>\n<p>}</p>\n<p>.thick-green-border {</p>\n<p>border-color: green;</p>\n<p>border-width: 10px;</p>\n<p>border-style: solid;</p>\n<p>border-radius: 50%;</p>\n<p>}</p>\n<p>.smaller-image {</p>\n<p>width: 100px;</p>\n<p>}</p>\n</style>\n<h2 class=\"red-text\">CatPhotoApp</h2>\n<p>Click here for <a href=\"http://www.freecatphotoapp.com\">cat photos</a>.</p>\n<img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\" alt=\"A cute orange cat lying on its back. \">\n<p class=\"red-text\">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>\n  \n<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n  \n[/html]\n<p>The modified code with dead link should look like:</p>\n<p>[html highlight=”30″]</p>\n<link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\">\n  \n<style>\n    \n.red-text {\n      \ncolor: red;\n    \n}\n<p>h2 {</p>\n<p>font-family: Lobster, Monospace;</p>\n<p>}</p>\n<p>p {</p>\n<p>font-size: 16px;</p>\n<p>font-family: Monospace;</p>\n<p>}</p>\n<p>.thick-green-border {</p>\n<p>border-color: green;</p>\n<p>border-width: 10px;</p>\n<p>border-style: solid;</p>\n<p>border-radius: 50%;</p>\n<p>}</p>\n<p>.smaller-image {</p>\n<p>width: 100px;</p>\n<p>}</p>\n</style>\n<h2 class=\"red-text\">CatPhotoApp</h2>\n<p>Click here for <a href=\"#\">cat photos</a>.</p>\n<img class=\"smaller-image thick-green-border\" src=\"https://bit.ly/fcc-relaxing-cat\" alt=\"A cute orange cat lying on its back. \">\n<p class=\"red-text\">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>\n  \n<p class=\"red-text\">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>\n  \n[/html]","frontmatter":{"title":"FCC Challenge 23: Make Dead Links using the Hash Symbol","date":"March 09, 2016","description":null}}},"pageContext":{"slug":"/blog/freecodecamp/frontend/html/fcc-challenge-23-make-dead-links-using-the-hash-symbol/","previous":{"fields":{"slug":"/blog/selenium/using-selenium-to-navigate-to-a-url/"},"frontmatter":{"title":"Using Selenium to Navigate to a URL"}},"next":{"fields":{"slug":"/blog/freecodecamp/frontend/html/fcc-challenge-24-turn-an-image-into-a-link/"},"frontmatter":{"title":"FCC Challenge 24: Turn an Image into a Link"}}}}}