HTML

FCC Challenge 29: Create a Form Element

In Free Code Camp Challenge 29 we’re submitting a form to the server. You can build web forms that actually submit data to a server using nothing more than pure HTML. You can do this by specifying an action on your form element. For example: <form action="/url-where-you-want-to-submit-form-data"></form> Nest your text field in a form element.…

Read More

FCC Challenge 28: Add Placeholder Text to a Text Field

In Free Code Camp Challenge 28 we can add a placeholder text to the text input field. Your placeholder text is what appears in your text input before your user has input anything. You can create placeholder text like so: <input type="text" placeholder="this is placeholder text"> Set the placeholder value of your text input to…

Read More

FCC Challenge 27: Create a Text Field

In Free Code Camp Challenge 27 we’re creating a text input field. Now let’s create a web form. Text inputs are a convenient way to get input from your user. You can create one like this: <input type="text"> Note that input elements are self-closing. Create an input element of type text below your lists. The…

Read More

FCC Challenge 26: Create an Ordered List

Free Code Camp Challenge 26 is very similar to the last challenge. Instead of unordered lists, we’re creating an ordered list. HTML has a special element for creating ordered lists, or numbered-style lists. Ordered lists start with a <ol> element. Then they contain some number of <li> elements. For example: <ol> <li>Garfield</li> <li>Sylvester</li> </ol> would…

Read More

FCC Challenge 25: Create a Bulleted Unordered List

In Free Code Camp Challenge 25 we learn to created unordered bullet lists using HTML. HTML has a special element for creating unordered lists, or bullet point-style lists. Unordered lists start with a <ul> element. Then they contain some number of <li> elements. For example: <ul> <li>milk</li> <li>cheese</li> </ul> would create a bullet point-style list…

Read More

FCC Challenge 24: Turn an Image into a Link

In Free Code Camp Challenge 24 we can turn an image into a clickable image that leads to an URL. You can make elements into links by nesting them within an a element. Nest your image within an a element. Here’s an example: <a href="#"><img src="https://bit.ly/fcc-running-cats" alt="Three kittens running towards the camera. "></a> Remember to…

Read More