Lab 1: Writing Clean HTML

โ„น๏ธ Overview

Let’s write some HTML, shall we? Well, maybe not write HTML but scrub some so that it’s clean and nicely formatted. In this lesson, we learned what HTML is and how it relates to other web languages. We also spent time learning the proper way to format HTML so that it is easier to read and maintain.

In this assignment, you will apply your understanding of HTML formatting to fix a snippet of HTML code that is improperly formatted.


๐ŸŽฏ Learning Outcomes

This assignment aligns with two of the learning outcomes outlined in the module overview:

  • The learner organizes HTML code in a way that shows how elements relate to each other.
  • The learner writes comments in HTML that do not display on a page.

โญ๏ธ Here’s What to Do

  • Create a new HTML file in your code editor called index.html.
  • Copy and paste the following HTML snippet to your index.html file.
  • Format the HTML code so that it follows the correct formatting principles covered in the lesson.
    • Start each new element on its own line.
    • Insert an indentation in front of elements that are nested inside other elements.
  • Write one HTML comment in the code.

Please be sure to review the grading rubric at the end of this assignment for more specific requirements that will be evaluated.


๐Ÿง‘โ€๐Ÿ’ป Use this Code

<article><h1>Just organizing some HTML!</h1><p>Weekends don't count as long as you spend them doing something completely pointless.</p><img src="https://i.giphy.com/gZEBpuOkPuydi.gif" /></article>

๐Ÿ“ฅ Submitting Your Work

Please save your HTML file and upload your completed work here when you are ready.