Let's practice using the W3C's HTML Validator!
- Correct invalid HTML to be valid
Correct Invalid HTML To Be Valid
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.
Tasks for LearnIDE Environment Users
- Click the "OPEN IDE" button
Tasks for Local Environment Users
- Fork this repository.
- Clone your fork locally.
cd into the local repo you just cloned.
In this lesson we'll be taking the provided
index.html file and will get
feedback from the W3C validator about it.
- 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 your copy of
- 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
Submitting the Lab
When your document is valid, go to the terminal and type:
Since you're verifying the HTML structure via W3C, the test here is not
robust at all.
To move to the next lesson, type
View HTML Issue Bot 9000 on Learn.co and start learning to code for free.