Validation Output: 3 Errors Below is the full code <!DOCTYPE html PUBLIC \"-//W3
ID: 3731952 • Letter: V
Question
Validation Output: 3 Errors
Below is the full code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"lang="en">
<head >
<title>Home</title>
<!-- <meta charaset = "unf-8" /> -->
</head>
<body>
<form id="form1"action="submit.php">
<div>
<h1><u>Shopping Maniac</u></h1>
<br />
<img src="http://blog.upshotcommerce.com/wp-content/uploads/2012/08/shopping_cart_2.png" height="200px" width="200px" alt= "Picture of a shopping Cart"/>
<p>Shopping Maniac is online shopping site featuring great offers of best deals on mobiles, cameras, tablets, watches, apparels, electronics.</p><br />
<a href="list.html">To view our Listing Click Here</a><br />
<a href="catalog.html">To view our Catalog of Products Click Here</a>
</div>
</form>
</body>
</html>
Explanation / Answer
Answer)
Above validation errors were checked and corrected as per W3C validations:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head >
<title>Home</title>
<!-- <meta charaset = "unf-8" /> -->
<style type="text/css">
img {
width:10%;
height=10%;
alt= "Picture of a shopping Cart";
}
</style>
</head>
<body>
<form id="form1" action="submit.php">
<div>
<h1><u>Shopping Maniac</u></h1>
<br />
<img src="http://blog.upshotcommerce.com/wp-content/uploads/2012/08/shopping_cart_2.png" alt= "Picture of a shopping Cart"/>
<p>Shopping Maniac is online shopping site featuring great offers of best deals on mobiles, cameras, tablets, watches, apparels, electronics.</p><br />
<a href="list.html">To view our Listing Click Here</a><br/>
<a href="catalog.html">To view our Catalog of Products Click Here</a>
</div>
</form>
</body>
</html>
Result of validation:
The uploaded document "page2.html" was tentatively checked as XHTML 1.0 Transitional. This means that with the use of some fallback or override mechanism, we successfully performed a formal validation of it. In other words, the document would validate as XHTML 1.0 Transitional if you changed the markup to match the changes we have performed automatically, but it will not be valid until you make these changes.
How did we do that?:
Added a CSS script at the header:
<style type="text/css">
img {
width:10%;
height=10%;
alt= "Picture of a shopping Cart";
}
</style>
And also corrected some minor errors.
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.