This should help.. at least get you started with the basic HTML and CSS.
Validator message export for "
http://www.groupmessage.co.uk":
Generated by CSE HTML Validator Professional v7.00
(
http://www.htmlvalidator.com/)
1. Warning: [24] A document type declaration should appear as the first line
(line 1) of every HTML document. For example, for HTML 4.01 Strict
documents, <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
http://www.w3.org/TR/html4/strict.dtd"> should be the first line. For HTML
4.01 Transitional documents, the first line should be <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">. For HTML 4.01 Frameset documents,
the first line should be <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Frameset//EN" "
http://www.w3.org/TR/html4/frameset.dtd">. Although HTML
recommendations generally require this line, most browsers probably ignore
it. If you are using HTML Validator's integrated editor, then you can add
this from the Tags menu and/or from the Tag Inserter.
2. Warning in line 6 at character 43: The "style" attribute has been used
but a default style sheet language has not been defined (note that HTML
Validator would not see this declaration if it is sent as an HTTP header by
a web server). HTML 4.01 and XHTML require this for valid documents. For
example, include this in the "head" section of your document to specify
"text/css" as the default style sheet language: <meta
http-equiv="Content-Style-Type" content="text/css">. See
http://www.w3.org/TR/html4/present/styles.html#default-style for more
information. If you are using HTML Validator's integrated editor, then you
can add this from the Tags menu and/or from the Tag Inserter.
3. Error in line 8 at character 2: The "div" tag must have an end tag but
the end tag was not found.
4. Warning in line 12 at character 5: (Accessibility->Web Content
Accessibility Guidelines 1.0 (Priority 2)) Style sheets should be used to
control layout and presentation [P2, 3.3]. The element you've used ("font")
is a presentational element. Presentational elements include "font", "b",
"i", "big", "small", and others. For presentation, consider using style
sheets (CSS) instead. Use HTML elements only for content and structure and
not for layout and presentation. Use the "em" and "strong" elements for
structural emphasis. This message is displayed only once.
5. Warning in line 18 at character 29: [30] The "P" tag is contained in a
"font" tag (which was opened in line 17). This may be acceptable for some
browsers (such as Internet Explorer and Netscape), but HTML 4.01 and XHTML
do not allow this. It may also cause problems or unexpected page rendering
for more compliant browsers such as Firefox, Mozilla, and Opera. Possible
solutions: 1. Close the "font" tag before using the "P" tag. Depending on
the correct usage of the closed tag, you may be able to reopen it after
using the "P" tag; 2. Eliminate the "P" tag; or 3. Reorder the "P" and
"font" tags.
6. Warning in line 19 at character 5: [30] The "P" tag is contained in a
"font" tag (which was opened in line 17). This may be acceptable for some
browsers (such as Internet Explorer and Netscape), but HTML 4.01 and XHTML
do not allow this. It may also cause problems or unexpected page rendering
for more compliant browsers such as Firefox, Mozilla, and Opera. Possible
solutions: 1. Close the "font" tag before using the "P" tag. Depending on
the correct usage of the closed tag, you may be able to reopen it after
using the "P" tag; 2. Eliminate the "P" tag; or 3. Reorder the "P" and
"font" tags.
7. Warning in line 19 at character 64: [30] The "P" tag is contained in a
"font" tag (which was opened in line 17). This may be acceptable for some
browsers (such as Internet Explorer and Netscape), but HTML 4.01 and XHTML
do not allow this. It may also cause problems or unexpected page rendering
for more compliant browsers such as Firefox, Mozilla, and Opera. Possible
solutions: 1. Close the "font" tag before using the "P" tag. Depending on
the correct usage of the closed tag, you may be able to reopen it after
using the "P" tag; 2. Eliminate the "P" tag; or 3. Reorder the "P" and
"font" tags.
8. Error in line 23 at character 3: This table doesn't appear to have the
same number of cells in each of its 3 rows. Number of cells in each row,
starting with the first row: 2, 1, 2. Note that for the purposes of this
message, a table cell with a "colspan" or "rowspan" value greater than 1 is
considered to be multiple cells.
9. Error in line 33 at character 5: The "td" tag must have an end tag but
the end tag was not found.
10. Error in line 40 at character 23: (Accessibility->Section 508
Accessibility Standards) The "input" tag does not have an "id" attribute
which must be used to explicitly associate this control with a "label"
element. When electronic forms are designed to be completed online, the form
shall allow people using assistive technology to access the information,
field elements, and functionality required for completion and submission of
the form, including all directions and cues [Section 1194.22 (n)].
Information attached to controls via the "label" element can be very useful
to users of talking browsers. Note that "id" and "for" values are case
sensitive. Visit
http://www.w3.org/TR/WCAG10-HTML-TECHS/#forms-labels for
more information.
11. Warning in line 40 at character 23: (Accessibility->Web Content
Accessibility Guidelines 1.0 (Priority 2)) The "input" tag does not have an
"id" attribute which should be used to explicitly associate this control
with a "label" element. Labels should be explicitly associated with their
controls [P2, 12.4]. Information attached to controls via the "label"
element can be very useful to users of talking browsers. Note that "id" and
"for" values are case sensitive. Visit
http://www.w3.org/TR/WCAG10-HTML-TECHS/#forms-labels for more information.
12. Error in line 44 at character 23: (Accessibility->Section 508
Accessibility Standards) The "input" tag does not have an "id" attribute
which must be used to explicitly associate this control with a "label"
element. When electronic forms are designed to be completed online, the form
shall allow people using assistive technology to access the information,
field elements, and functionality required for completion and submission of
the form, including all directions and cues [Section 1194.22 (n)].
Information attached to controls via the "label" element can be very useful
to users of talking browsers. Note that "id" and "for" values are case
sensitive. Visit
http://www.w3.org/TR/WCAG10-HTML-TECHS/#forms-labels for
more information.
13. Warning in line 44 at character 23: (Accessibility->Web Content
Accessibility Guidelines 1.0 (Priority 2)) The "input" tag does not have an
"id" attribute which should be used to explicitly associate this control
with a "label" element. Labels should be explicitly associated with their
controls [P2, 12.4]. Information attached to controls via the "label"
element can be very useful to users of talking browsers. Note that "id" and
"for" values are case sensitive. Visit
http://www.w3.org/TR/WCAG10-HTML-TECHS/#forms-labels for more information.
14. Error in line 54 at character 5: The "td" element cannot be used here.
It is nested in another "td" tag and cannot be nested. Did you forget to
close the previous "td" tag? This element may be contained in "tr". This
element may not be contained in "td" and "th".
15. Error in line 59 at character 4: The end tag for "td" (opened in line
33) should appear before the end tag for "tr" (nesting error).
16. Error in line 71 at character 25: A quoted string cannot be immediately
followed by text. It must be followed by a space or the end of the tag.
17. Warning in line 71 at character 33: (Accessibility->Web Content
Accessibility Guidelines 1.0 (Priority 2)) Until user agents allow users to
turn off spawned windows, do not cause pop-ups or other windows to appear
and do not change the current window without informing the user [P2, 10.1].
Avoid specifying target="_blank" because spawning a new window can be
confusing and disorienting to the user. If a new window must be spawned, it
is recommended that it be indicated in the link description, such as by
adding "(new window)" to the link description. This message is displayed
only once.
18. Comment: "Errors and warnings only" mode enabled. This is, for the most
part, a thorough validation (but not a completely thorough validation).