A Brief Report on HTML and CSS Validation Assessments

by Tyrica Terry


HTML Validation Results

The HTML validation resulted in a total of 80 errors, 11 of which are unique and which I will review here.


The first error addresses my failure to declare the language of my page. Simple fix.

screenshot of results

The second error appears twice (also Error 4) claims that I forgot to follow the slash with a bracket. But, really, I input a slash instead of a bracket because I didn't know what I was doing. Another easy fix.

screenshot of results

I'm not sure why it comes up twice, because it's referring to the exact same thing.

screenshot of results

The third error is related to the previous one--the missing bracket is still throwing things off here.

screenshot of results

With the fifth error, I'm pretty sure the missing bracket is still the problem.

screenshot of results

Yup. The next two errors also point back to the missing bracket.

screenshot of results

Ah, something new! In the eighth error (also the eightieth error; cool, right?), I included a non-existing end tag because I didn't know that "br" is an empty tag.

screenshot of results

The next error occured exactly 60 times (errors 9-19, 24-66, and 72-77): I didn't terminate the character reference (non-breaking space) with a semi-colon. I fixed this by finding and replacing all instances of the character reference with the correct form (using Atom, which is awesome!).

screenshot of results

Error 20 appears 5 times (also errors 22, 67, 69, and 78): I used the align attribute on the caption element, which is not supported in HTML5. I removed this from the HTML and styled it properly in the style sheet.

screenshot of results

In Error 21, which appears 6 times (also errors 23, 68, 70, 71, and 79), I didn't provide a text alternative, so I added them in the revised HTML.

screenshot of results

I ran the HTML through the validator again to make sure I corrected everythiing. All fixed!

screenshot of results for updated HTML

CSS Validation Results

The CSS validation, much unlike the HTML validation, resulted in a single error (see below): I input a property ("align") that doesn't exist. Funnily enough, I never included the image that I was attempting center in the HTML, so I never had to correct that error to properly style my page. I also didn't remove that element selector.

screenshot of results

And that was it! Not too bad, not too bad...