HTML

FCC Challenge 23: Make Dead Links using the Hash Symbol

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 website before you know where they will link. This is also handy when you’re changing the behavior of a link using jQuery, which we’ll learn…

Read More

FCC Challenge 22: Nest an Anchor Element within a Paragraph

In Free Code Camp Challenge 22 we need to nest the anchor element in the paragraph tag Again, here’s a diagram of an a element for your reference: Here’s an example: <p>Here's a <a href="https://freecodecamp.com"> link to Free Code Camp</a> for you to follow.</p> Nesting just means putting one element inside of another element. Now…

Read More

FCC Challenge 21: Link to External Pages with Anchor Elements

In Free Code Camp Challenge 21 we’re linking to external pages with anchor elements: a elements, also known as anchor elements, are used to link to content outside of the current page. Here’s a diagram of an a element. In this case, the a element is used in the middle of a paragraph element, which…

Read More

FCC Challenge 16: Add Images to your Website

In Free Code Camp Challenge 16 we’re tasked with adding an image to the code: <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> <style> .red-text { color: red; } h2 { font-family: Lobster, Monospace; } p { font-size: 16px; font-family: Monospace; } </style> <h2 class="red-text">CatPhotoApp</h2> <p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles…

Read More

FCC Challenge 7: Delete HTML Elements

Free Code Camp Challenge 7 require us to remove the h1 element: <h1>Hello World</h1> <h2>CatPhotoApp</h2> <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> The new code should look like this: <h2>CatPhotoApp</h2> <p>Kitty ipsum dolor sit amet, shed everywhere shed…

Read More

FCC Challenge 6: Fill in the Blank with Placeholder Text

The FCC Challenge 6 requires us to replace the text within the p element: <h1>Hello World</h1> <h2>CatPhotoApp</h2> <p>Hello Paragraph</p> The finished code should look like: <h1>Hello World</h1> <h2>CatPhotoApp</h2> <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> Web developers traditionally…

Read More