Homework Soursepls use the validator w3org to check all the errors on this
pls use the validator w3.org to check all the errors on this codes below and past the correct one so i can compare the 2 to see my mistakes
<!DOCTYPE html PUBLIC \"-//W3C//HTML 4.01 Transitional//EN\" \"http://www.w3.org/html4/loose.dtd\">
<html>
<head>
<title>Babylon 5</title>
</head>
<h1>Babylon 5</h1>
<img src=\"Thumbs/Babylon 5.jpg\" width=\"750\" height=\"400\">
<ul>
<li>Duration 100 Mins</li>
<li>Drama</li>
<li>Date Released 2012</li>
<li>Box Office $20 Million</li>
<li>Director George Washington</li>
</ul>
<center><a href=\"MainViewScreen.html\">Back to Main View Screen</a></center>
</body>
</html>
Solution
******************** code with comments*****************
<!DOCTYPE html PUBLIC \"-//W3C//HTML 4.01 Transitional//EN\" \"http://www.w3.org/html4/loose.dtd\">
<!-- you need to modifie below line to above line -->
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">
<html>
<head>
<meta http-equiv=\"content-type\" content=\"text/html; charset=UTF-8\">
<!-- need to specify character encoding -->
<title>Babylon 5</title>
</head>
<h1>Babylon 5</h1>
<img src=\"Thumbs/Babylon 5.jpg\" width=\"750\" height=\"400\">
<!-- need to add \'alt\' attribute to each <img /> element where missing: -->
<!-- <img src=\"Thumbs/Babylon 5.jpg\" alt=\"This is alternative text when image is not available\" width=\"750\" height=\"400\">-->
<ul>
<li>Duration 100 Mins</li>
<li>Drama</li>
<li>Date Released 2012</li>
<li>Box Office $20 Million</li>
<li>Director George Washington</li>
</ul>
<center><a href=\"MainViewScreen.html\">Back to Main View Screen</a></center>
</body>
</html>
******************** close*********
************ working code******************
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">
<html>
<head>
<meta http-equiv=\"content-type\" content=\"text/html; charset=UTF-8\">
<title>Babylon 5</title>
</head>
<h1>Babylon 5</h1>
<img src=\"Thumbs/Babylon 5.jpg\" alt=\"Text alternative when image is not available\" width=\"750\" height=\"400\">
<ul>
<li>Duration 100 Mins</li>
<li>Drama</li>
<li>Date Released 2012</li>
<li>Box Office $20 Million</li>
<li>Director George Washington</li>
</ul>
<center><a href=\"MainViewScreen.html\">Back to Main View Screen</a></center>
</body>
</html>
***********************************
