CreateaFreeWebsite  with Responsive Web Design

General

 

9 Step Tutor

How to Use the W3C Validator

There are 3 ways to use the validator but for beginners I recommend the Validate by Direct Input function.

The image below shows the tool after entering the page and choosing that option.

Use Select All to copy and paste the entire code of your web page into the box provided and shown here.

Then click the Check button on the bottom of the box.

validator upon entry

 

If you have errors they will be listed in yellow as shown in this second image. If you've already invested some time in learning to use an HTML editor most of them will have matching line numbers at the location of the error.

Some errors will be a little harder for the novice to find and will require searching the code above the line that is provided.

It does get easier the more you learn to look at your code. The error in question here was a missing forward slash in a closing anchor tag <a>. The second listing shows the actual error in yellow.

validator showing errors

 

If you have a clean run with no errors you'll be pleased when yo see the message 'Document checking completed. No errors or warnings to show. I like those and you will too.

validator after clean run

 

If you have corrected your errors or have a second page to test, there is no reset or clear button, so just do a right click inside the box, choose select all then cut and it will clear the box. You're ready to repeat the process with your next page.

Happy Validating!!

 

Free Tools and Resources We Recommend

Free Responsive Web Design Certification freeCodeCamp
freeCodeCamp is a proven path to your first software developer job.
More than 40,000 people have gotten developer jobs after completing this – including at big companies like Google and Microsoft.
Finally, you'll learn how to make webpages that respond to different screen sizes by building a Twitter card with Flexbox, and a complex blog layout with CSS Grid.
FREE Certification Courses!!
Free Ebook How to Code in HTML5 and CSS3
"How to Code in HTML5 and CSS3" is a free e-book about making websites in HTML5 and CSS for absolute beginners. It doesn't require any experience in IT to start....
FREE HTML Editor (Windows): NoteTab Light
All the features of a commercial HTML editor.
FREE Apache Server (Windows): IndigoAmpp
Set up a real time server environment right on your PC. Test forms and scripts before uploading to your web space.
Linux Users
If like us, you've left the insane world of Microsoft Windows for the even worse experience of Linux, we recommend the BlueFish HTML editor. You'll find it in your software repository. It does have some QUIRKS, but it's FREE.
For image resizing we've found the easiest Linux tool to be Krita.

Have you tried our FREE RWD template kit? Download Template #402 - 6 Page Kit