Is this HTML Clean Options

[cleverliving]

Hey guys.

Im horrible at html and was wondering if you guys could tell me if this html is clean and correct?

http://parisjourney.com/how-to-plan-a-trip-to-paris


<TABLE>
<TR> <TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-resources"><img src="http://parisjourney.com/wp-content/uploads/2015/05/travel_resources.png" alt="Travel Resources" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/best-of-paris"><img src="http://parisjourney.com/wp-content/uploads/2015/05/to_do.png" alt="Things To Do" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/things-to-do"><img src="http://parisjourney.com/wp-content/uploads/2015/05/Best_of.png" alt="Best of Paris" width="238" height="143" border="0" /></a></TD>
</TR>

<TR>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/money-travel-guide"><img src="http://parisjourney.com/wp-content/uploads/2015/05/money1.png" alt="Getting Around Paris" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/health-safety"><img src="http://parisjourney.com/wp-content/uploads/2015/05/Health.png" alt="Health and Safty Paris" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/getting-around"><img src="http://parisjourney.com/wp-content/uploads/2015/05/getting_around.png" alt="Money guide Paris" width="238" height="143" border="0" /></a></TD>
</TR>

</TABLE>






Thanks alot

[CharlesEF]

Since you are using HTML5 you should validate your pages here. As it is now, your page reports 24 errors and 12 warnings. If you need help understanding some of the error/warning messages then post back.

[Frederiek]

And while you're at it, validate the CSS too at http://jigsaw.w3.org/css-validator/ .
Some CSS 3 errors and those with the universal selector * will never pass.

[cleverliving]

what the?

why do i validate css and html?

[Frederiek]

See (among others)
http://www.vanseodesign.com/web-design/validating-code/
https://validator.w3.org/docs/why.html

[pandy]

Simply put, you validate to find the errors. That was what you wanted, wasn't it?

[Christian J]

Im horrible at html and was wondering if you guys could tell me if this html is clean and correct?

http://parisjourney.com/how-to-plan-a-trip-to-paris

Afraid it's neither clean nor correct. Besides the validator errors already mentioned, it's very bloated (I count to 40 javascripts and 30 stylesheets). If the HTML is generated by Wordpress it might explain this redundance.

<TABLE>
<TR> <TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-resources"><img src="http://parisjourney.com/wp-content/uploads/2015/05/travel_resources.png" alt="Travel Resources" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/best-of-paris"><img src="http://parisjourney.com/wp-content/uploads/2015/05/to_do.png" alt="Things To Do" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/things-to-do"><img src="http://parisjourney.com/wp-content/uploads/2015/05/Best_of.png" alt="Best of Paris" width="238" height="143" border="0" /></a></TD>
</TR>

<TR>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/money-travel-guide"><img src="http://parisjourney.com/wp-content/uploads/2015/05/money1.png" alt="Getting Around Paris" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/health-safety"><img src="http://parisjourney.com/wp-content/uploads/2015/05/Health.png" alt="Health and Safty Paris" width="238" height="143" border="0" /></a></TD>
<TD ALIGN = "center"><a href="http://parisjourney.com/category/travel-guide/getting-around"><img src="http://parisjourney.com/wp-content/uploads/2015/05/getting_around.png" alt="Money guide Paris" width="238" height="143" border="0" /></a></TD>
</TR>

</TABLE>

The code sample above is correct HTML4, except for the ending slashes in the IMG elements (that are only allowed in XHTML and HTML5). Also it's not identical with the table on the linked website.

[cleverliving]

great thanks guys. yes it s wordpress website and as for style sheet and java script i did not touch it. its only a purchased webstie and im not that tech savy. great to hear im not that far of with the HTML. I have only attmepted it about 5 times from what i have read on the internet and i simply pasted the html table tin the the post of wordpress page

[pandy]

Depends on how you see it. The table would pass as XHTML Transitional if you changed to all lower case. It would pass as HTML 4.01 Transitional if you removed the XHTML slashes. It wouldn't pass as HTML5 without a total rewrite and HTML5 is what WP uses.

[Christian J]

It wouldn't pass as HTML5 without a total rewrite and HTML5 is what WP uses.

(Assuming you replied to me), it should be enough to remove the ALIGN and BORDER attributes to make the table valid HTML5 (since HTML5 permits both HTML and XHTML syntax).

[pandy]

No, I wasn't. I was talking to the OP (the post above mine). But yes, he would need to remove those and replace them with CSS.