- Demonstrate writing valid HTML
Let's practice using the W3C's HTML Validator!
In this lab we'll use the W3C Validator to make our invalid HTML happy! You might need to change how you work this problem depending on your work environment. Either way you'll learn to fix invalid HTML.
Fork and clone this lesson into your local environment. Navigate into its
directory in the terminal, then run code . to open the files in Visual Studio
Code.
- Open index.html in a browser. See how it, well, doesn't look quite right?
- Open index.html in your text editor
- Visit the W3C validator at: http://validator.w3.org/#validate_by_input
- Copy the code from index.html and paste it into the text area
- Click the large "Check" button
- Use the error messages to correct the code in your copy of
index.html - Repeat steps 3-6 until the Html Validator reports: "Document checking completed. No errors or warnings to show."
- Not only is the document now W3C-valid, it no longer looks weird
When your document is valid, go to the terminal and type npm test. Since the
goal of this assignment is to practice verifying the HTML structure via W3C, the
test in this lab is only checking that an index.html file exists. Remember to
submit your work using CodeGrade when you're done!