/    Sign up×
Community /Pin to ProfileBookmark

Validating HTML

Copy linkTweet thisAlerts:
Nov 27.2010

I am doing an assignment for school and have to validate two different websites in strict format. I started out with about 12 errors and am now down to 6. However I cannot seem to get past that. If anyone could help or give me a few pointers for what I am missing it would be greatly appreciated!!

Here is the code for both websites that I have put together.

[code]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>

<head>
<meta http-equiv=”Content-type” content=”text/html”; charset=”UTF-8″</>

<title>The awesome music list!</title>
</head>s

<body style=background-color: “#8FBC8F”; color: “#FFE4C4”>

<center>

<h1 style=”text-align: center; color: #FAEBD7; background-color: #5F9EA0; font-size: 50px “Caroline’s Kickboxing Music list!</h1>

<p><img src=”music picture.jpg” alt=”Microphone”/></p>

<center>

<font size=”6″>

<ol>
<li>Feels so good – Bad Boy’s 10th Anniversary – The Hits – Mase</li>
<li>Still Dre – 2001 Dr. Dre & Snoop Dog</li>
<li>Hot Thing – Talib Kwelli Ft. Will.i.am</li>

<li>Sugar – Trick Daddy</li>

<li>Livin it up – JA RULE & Case</li>
<li>Lights & Music – In Ghost Colours – Cut Copy</li>
<li>Rock that body – The black eyed peas</li>
<li>Beamer, Benz, or Bentley – Lloyd Banks</li>

<li>Black and Gold – Sam Sparro</li>

<li>Still not a player – Big Punisher</li>
<li>Gettin’ Jiggy wit it – Will Smith</li>
<li>Champion – Kanye West</li>
<li>Luv U Better – LL Cool J</li>
<li>Bombs over Bagdad – Outkast</li>

<li>No Diggity – Blackstreet & Dr. Dre</li>

<li>Everywhere – Common & Martina Topley Bird</li>
</ol>

<font size=”4″>

<h2>Sample Kickboxing routine</h2>

<font size=”6″>

<ul>
<li>10 quick jumping jacks, 10 high knees and 10 jumping lunges</li>

<li>10 mountain climbers, 10 push-ups, 10 quick sit ups</li>
<li>High knees with random sprawls</li>
<li>Partner up for lower ab work (2 minutes each)</li>
<li>Jab Jab cross, Cross hook cross</li>
<li>Add high medium and low kick on each side</li>

<li>Random flutter kicks</li>

<li>Assortment of squats</li>
<li>Jab right uppercut left hook cross</li>
<li>Add 2 front kicks, 4 knees and 3 roundhouse kicks on each side</li>
<li>6 minutes of planks and abs</li>
</ul>

<font size=”6″>

<FONT COLOR=”FFB6C1″>Make sure you stretch!</FONT>

<p><a href=”kickboxing.html”>Caroline Ruckstuhl’s Kickboxing class!</a></p>

<a href=”http://www.laboxing.com/arlington/gyms/our-staff/”><b>Caroline’s Kickboxing Bio</b></a> Come try a free class with me!!

</body>

</html>

[/code]

SECOND WEBSITE…

[code]
<!DOCTYPE html PUBLIC#”-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>

<head>
<meta http-equiv=”Content-type content=text/html; charset=UTF-8″/>
<center>

<img src=”kickboxing picture.jpg” alt=”Boxing”/>

<center>

<style type=”text/css”>

<!–
table
{
border-style: solid;
}

td
border-style: solid;
border-color: #5F9EA0;
padding: 10px;
}
–>
</style>
</head>

<body style=”background-color: #5F9EA0; color: #000066″>

<font face=”Bookman Old Style, Book Antiqua, Garamond”</font>

<h1>What’s included?</h1>

<table>
<tr>
<td>Listening to great music!</td>
<td>Burning up to 1,000 calories in one class!</td>
<td>Improving your boxing/kickboxing technique</td>
<td>Meeting fun new people!</td>

</tr>
</table>

<p><a href=”music.html”>Caroline’s Sample music and routine!</a></p>

</body>

</html>[/code]

to post a comment
HTML

7 Comments(s) ↴

Copy linkTweet thisAlerts:
@cootheadNov 27.2010 — Hi there 146cruckstuhl,

and a warm welcome to these forums. ?

I have corrected your first document...
[color=navy]
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-type" content="text/html; charset=utf-8" /&gt;
&lt;meta http-equiv="Content-Language" content="en" /&gt;
&lt;meta http-equiv="Content-Style-Type" content="text/css" /&gt;

&lt;title&gt;The awesome music list!&lt;/title&gt;

&lt;style type="text/css"&gt;
body {
margin:0;
background-color:#8fbc8F;
color:#ffe4Cc4;
text-align:center;
}
h1 {
font-size:50px;
color:#faebd7;
background-color:#5f9ea0;

}
h2,h3 {
font-size:28px;
color:#ffb6c1;
}
ol,ul {
font-size:24px;
}
.font-weight {
font-weight:bold;
}
&lt;/style&gt;

&lt;/head&gt;
&lt;body&gt;

&lt;h1&gt;Caroline's Kickboxing Music list!&lt;/h1&gt;

&lt;p&gt;&lt;img src="music picture.jpg" alt="Microphone"/&gt;&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Feels so good - Bad Boy's 10th Anniversary - The Hits - Mase&lt;/li&gt;
&lt;li&gt;Still Dre - 2001 Dr. Dre &amp;amp; Snoop Dog&lt;/li&gt;
&lt;li&gt;Hot Thing - Talib Kwelli Ft. Will.i.am&lt;/li&gt;
&lt;li&gt;Sugar - Trick Daddy&lt;/li&gt;
&lt;li&gt;Livin it up - JA RULE &amp;amp; Case&lt;/li&gt;
&lt;li&gt;Lights &amp;amp; Music - In Ghost Colours - Cut Copy&lt;/li&gt;
&lt;li&gt;Rock that body - The black eyed peas&lt;/li&gt;
&lt;li&gt;Beamer, Benz, or Bentley - Lloyd Banks&lt;/li&gt;
&lt;li&gt;Black and Gold - Sam Sparro&lt;/li&gt;
&lt;li&gt;Still not a player - Big Punisher&lt;/li&gt;
&lt;li&gt;Gettin' Jiggy wit it - Will Smith&lt;/li&gt;
&lt;li&gt;Champion - Kanye West&lt;/li&gt;
&lt;li&gt;Luv U Better - LL Cool J&lt;/li&gt;
&lt;li&gt;Bombs over Bagdad - Outkast&lt;/li&gt;
&lt;li&gt;No Diggity - Blackstreet &amp;amp; Dr. Dre&lt;/li&gt;
&lt;li&gt;Everywhere - Common &amp;amp; Martina Topley Bird&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;Sample Kickboxing routine&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;10 quick jumping jacks, 10 high knees and 10 jumping lunges&lt;/li&gt;
&lt;li&gt;10 mountain climbers, 10 push-ups, 10 quick sit ups&lt;/li&gt;
&lt;li&gt;High knees with random sprawls&lt;/li&gt;
&lt;li&gt;Partner up for lower ab work (2 minutes each)&lt;/li&gt;
&lt;li&gt;Jab Jab cross, Cross hook cross&lt;/li&gt;
&lt;li&gt;Add high medium and low kick on each side&lt;/li&gt;
&lt;li&gt;Random flutter kicks&lt;/li&gt;
&lt;li&gt;Assortment of squats&lt;/li&gt;
&lt;li&gt;Jab right uppercut left hook cross&lt;/li&gt;
&lt;li&gt;Add 2 front kicks, 4 knees and 3 roundhouse kicks on each side&lt;/li&gt;
&lt;li&gt;6 minutes of planks and abs&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;Make sure you stretch!&lt;/h3&gt;

&lt;p&gt;
&lt;a href="kickboxing.html"&gt;Caroline Ruckstuhl's Kickboxing class!&lt;/a&gt;
&lt;/p&gt;

&lt;p&gt;
&lt;a class="font-weight" href="http://www.laboxing.com/arlington/gyms/our-staff/"&gt;Caroline's Kickboxing Bio&lt;/a&gt;
Come try a free class with me!!
&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt;
[/color]
After comparing this version with your original you should then be able to correct the second document yourself. ?

[i]coothead[/i]
Copy linkTweet thisAlerts:
@FangNov 27.2010 — [COLOR="Red"]Remove[/COLOR][CODE]<meta http-equiv="Content-type" content="text/html[COLOR="Red"]"[/COLOR]; charset=[COLOR="Red"]"[/COLOR]UTF-8"[COLOR="Red"]<[/COLOR]/>

<title>The awesome music list!</title>
</head>[COLOR="Red"]s[/COLOR]

<body style=background-color: [COLOR="Red"]"[/COLOR]#8FBC8F[COLOR="Red"]"[/COLOR]; color:[COLOR="Red"]"[/COLOR]#FFE4C4">
[/CODE]
html elements in the head

Using depreciated elements: font and center

Why use xhtml? Are you sending the correct headers?
Copy linkTweet thisAlerts:
@146cruckstuhlauthorNov 27.2010 — Good Morning ?

I am required to validate two HTML pages for school with 1.0 strict validation. I did receive some help on fixing my code however when I attempted to validate, I ended up having more errors than before. Here is one of my pages and at the bottom, the errors the validation site says I have. Please help!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-type" content="text/html"; charset="UTF-8"</>

<title>The awesome music list!</title>

</head>s

<body style=background-color: "#8FBC8F"; color: "#FFE4C4">

<center>

<h1 style="text-align: center; color: #FAEBD7; background-color: #5F9EA0; font-size: 50px "Caroline's Kickboxing Music list!</h1>

<p><img src="music picture.jpg" alt="Microphone"/></p>

<center>

<font size="6">

<ol>

<li>Feels so good - Bad Boy's 10th Anniversary - The Hits - Mase</li>

<li>Still Dre - 2001 Dr. Dre & Snoop Dog</li>

<li>Hot Thing - Talib Kwelli Ft. Will.i.am</li>

<li>Sugar - Trick Daddy</li>

<li>Livin it up - JA RULE & Case</li>

<li>Lights & Music - In Ghost Colours - Cut Copy</li>

<li>Rock that body - The black eyed peas</li>

<li>Beamer, Benz, or Bentley - Lloyd Banks</li>

<li>Black and Gold - Sam Sparro</li>

<li>Still not a player - Big Punisher</li>

<li>Gettin' Jiggy wit it - Will Smith</li>

<li>Champion - Kanye West</li>

<li>Luv U Better - LL Cool J</li>

<li>Bombs over Bagdad - Outkast</li>

<li>No Diggity - Blackstreet & Dr. Dre</li>

<li>Everywhere - Common & Martina Topley Bird</li>

</ol>

<font size="4">

<h2>Sample Kickboxing routine</h2>

<font size="6">

<ul>

<li>10 quick jumping jacks, 10 high knees and 10 jumping lunges</li>

<li>10 mountain climbers, 10 push-ups, 10 quick sit ups</li>

<li>High knees with random sprawls</li>

<li>Partner up for lower ab work (2 minutes each)</li>

<li>Jab Jab cross, Cross hook cross</li>

<li>Add high medium and low kick on each side</li>

<li>Random flutter kicks</li>

<li>Assortment of squats</li>

<li>Jab right uppercut left hook cross</li>

<li>Add 2 front kicks, 4 knees and 3 roundhouse kicks on each side</li>

<li>6 minutes of planks and abs</li>

</ul>

<font size="6">

<FONT COLOR="FFB6C1">Make sure you stretch!</FONT>

<p><a href="kickboxing.html">Caroline Ruckstuhl's Kickboxing class!</a></p>

<a href="http://www.laboxing.com/arlington/gyms/our-staff/"><b>Caroline's Kickboxing Bio</b></a> Come try a free class with me!!

</body>

</html>





Validation Output: 8 Errors

  • 1. Error Line 5, Column 66: required attribute "content" not specified

    <meta http-equiv="Content-type content=text/html; charset=UTF-8"/>

    The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

    Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

  • 2. Error Line 6, Column 8: element "center" undefined

    <center>

    You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:

    * incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),

    *     by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).

    * by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).

  • 3. Error Line 10, Column 8: element "center" undefined

    <center>

    You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:

    * incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),

    *     by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).

    * by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).

  • 4. Error Line 27, Column 7: end tag for "center" omitted, but OMITTAG NO was specified

    </head>

    You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

  • 5. Info Line 10, Column 1: start tag was here

    <center>


  • 6. Error Line 27, Column 7: end tag for "center" omitted, but OMITTAG NO was specified

    </head>

    You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

  • 7. Info Line 6, Column 1: start tag was here

    <center>


  • 8. Error Line 27, Column 7: end tag for "head" which is not finished

    </head>

    Most likely, you nested tags and closed them in the wrong order. For example <p><em>...</p> is not acceptable, as <em> must be closed before <p>. Acceptable nesting is: <p><em>...</em></p>

    Another possibility is that you used an element which requires a child element that you did not include. Hence the parent element is "not finished", not complete. For instance, in HTML the <head> element must contain a <title> child element, lists require appropriate list items (<ul> and <ol> require <li>; <dl> requires <dt> and <dd>), and so on.

  • 9. Error Line 31, Column 12: there is no attribute "face"

    <font face="Bookman Old Style, Book Antiqua, Garamond"</font>

    You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

    This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

    How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

  • 10. Warning Line 31, Column 55: unclosed start-tag requires SHORTTAG YES

    <font face="Bookman Old Style, Book Antiqua, Garamond"</font>

    The construct <foo<bar> is valid in HTML (it is an example of the rather obscure “Shorttags” feature) but its use is not recommended. In most cases, this is a typo that you will want to fix. If you really want to use shorttags, be aware that they are not well implemented by browsers.

  • 11. Error Line 31, Column 55: element "font" undefined

    <font face="Bookman Old Style, Book Antiqua, Garamond"</font>

    You have used the element named above in your document, but the document type you are using does not define an element of that name. This error is often caused by:

    * incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Frameset" document type to get the "<frameset>" element),

    *     by using vendor proprietary extensions such as "<spacer>" or "<marquee>" (this is usually fixed by using CSS to achieve the desired effect instead).

    * by using upper-case tags in XHTML (in XHTML attributes and elements must be all lower-case).
    • Copy linkTweet thisAlerts:
    @146cruckstuhlauthorNov 27.2010 — Good afternoon ?

    Thank you so much for responding. Unfortunately I have to validate this using 1.0 strict validation. I have been using http://validator.w3.org/check to check my coding and it says I still have 23 errors :0( do you know what It would be saying this? This HTML coding really is confusing for me, if you could give me any pointers or help again I would be so grateful. thank you again!!!
    Copy linkTweet thisAlerts:
    @cootheadNov 27.2010 — Hi there 146cruckstuhl,

    I have validated your first document :rolleyes:

    Obviously, as you are unable to validate the second I had better do it for you...
    [color=navy]
    &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
    &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
    &lt;head&gt;

    &lt;meta http-equiv="Content-type" content="text/html; charset=utf-8" /&gt;
    &lt;meta http-equiv="Content-Language" content="en" /&gt;
    &lt;meta http-equiv="Content-Style-Type" content="text/css" /&gt;

    &lt;title&gt;untitled document&lt;/title&gt;

    &lt;style type="text/css"&gt;
    body {
    background-color:#8fbc8f;
    font-family:'bookman old style','book antiqua',garamond,serif;
    color:#006;
    text-align:center;
    }
    table {
    margin:auto;
    border-width:1px;
    border-style:solid;
    border-color:#5f9ea0;
    }
    td {
    border-width:1px;
    border-style:solid;
    border-color:#5f9ea0;
    padding: 10px;
    }
    &lt;/style&gt;

    &lt;/head&gt;
    &lt;body&gt;


    &lt;h1&gt;What's included?&lt;/h1&gt;

    &lt;p&gt;&lt;img src="kickboxing picture.jpg" alt="Boxing"/&gt;&lt;/p&gt;

    &lt;table&gt;&lt;tr&gt;
    &lt;td&gt;Listening to great music!&lt;/td&gt;
    &lt;td&gt;Burning up to 1,000 calories in one class!&lt;/td&gt;
    &lt;td&gt;Improving your boxing/kickboxing technique&lt;/td&gt;
    &lt;td&gt;Meeting fun new people!&lt;/td&gt;
    &lt;/tr&gt;&lt;/table&gt;

    &lt;p&gt;&lt;a href="music.html"&gt;Caroline's Sample music and routine!&lt;/a&gt;&lt;/p&gt;

    &lt;/body&gt;
    &lt;/html&gt;
    [/color]
    What I cannot understand is why someone with very limited coding skills would be using the [b]xhtml1-strict.dtd[/b] in the first place. ?

    [i]coothead[/i]
    Copy linkTweet thisAlerts:
    @146cruckstuhlauthorNov 27.2010 — Thank you thank you thank you!!! You helped me so much! Greatly appreciated!

    Have a great weekend :0)
    Copy linkTweet thisAlerts:
    @cootheadNov 27.2010 — [indent]No problem, you're very welcome. ?[/indent]
    ×

    Success!

    Help @146cruckstuhl spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.19,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...