Re: validation question
by Casey <casey1992(at)tds.net>
|
Date: |
Wed, 20 Aug 2003 10:50:54 -0500 |
To: |
"Linda Shumaker" <jirehscope(at)k-inc.com>, "hwg-basics" <hwg-basics(at)hwg.org> |
References: |
inc |
|
todo: View
Thread,
Original
|
|
Hi Linda,
I don't know how advanced you are with using HTML, so if I get more
basic than you need, please bear with me. ;-) I've noted problems
within your markup with HTML comment tags (which look like this:
<!--Comment-->); they won't foul up your code; they're simply what
they appear to be: a way of making notes to yourself within your
document.
To further explain what Darrell mentioned, using " rather than
quotation marks is necessary because quotation marks are used in the
HTML code itself. Quotation marks within your text can confuse
browsers. Another example would be symbols like < or >; if you'd like
to use them within your content, you'd replace them with < or >
.
I believe what was tripping up your validation was that your </h5>
closing tag was misplaced. It was outside your </td> tag rather than
within it. I've corrected it within your code and marked the spot
with HTML comment tags, which you can remove once you've had a chance
to refer to them.
I also see that you've designated a bgcolor twice within one table
tag. I didn't change that because I didn't know which color you
wanted. I've also marked that line with a comment.
There were two <title> tags within your header. I took one out; you
can look at your previous markup and decide which one to use.
One thing that was missing was a DOCTYPE declaration. I've put one in
for HTML 4.01 Transitional, which seems to be most appropriate for
your markup. These declarations help browsers render your page
properly and also tell validators which standard you're using. If you
have any other question regarding DOCTYPE declarations, please feel
free to ask. Here are some common ones:
HTML 4.01 Transitional:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Strict:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
XHTML 1.0 Transitional:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
I've also tossed in information on language, character set, etc.
They're also marked with comments.
One thing that's common with HTML editing programs is that they don't
necessarily produce valid code to begin with. This goes back to the
days when Netscape and IE were inventing their own tags rather than
working toward standards. The editors responded by producing code
that would somehow work to produce a predictable result in the most
common browsers while ignoring the lesser used ones. Validating your
pages through the W3C validation service at http://validator.w3.org/
would be preferable to using Dream Weaver's validator, since W3C is
responsible for setting the standards.
One last suggestion would be to see if you can get Dream Weaver to
code in lower case. Case was optional until the advent of XHTML
(extensible hypertext markup language), which requires lower case. If
you're ever converting your pages in the future, changing to lower
case would be taken care of. An excellent (and relatively brief)
XHTML tutorial is at
http://www.accessify.com/tutorials/xhtml-web-design-for-beginners-part-1.asp
.
Good luck! Here's a slightly modified version of your code:
-------------------------------------------------------------
<!--This is a valid DOCTYPE declaration-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!--lang="en" tells the browser what language you're using-->
<html lang="en">
<HEAD>
<TITLE>Stop America's Violent Youth</TITLE>
<!--This meta item is added to tell browsers which character set
you're using.-->
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<META NAME="keywords" CONTENT="attachment disorder, reactive attachment
disorder, rad, attachment disorder, attachment, Rebuilding the Broken Bond,
respite, adoption, international adoption, abuse, neglect, foster care,
PTSD, trauma">
<META NAME="description" CONTENT="Stop America's Violent Youth (SAVY) is an
organization that provides support and information to addoptive and foster
parents of children with Attachment Disorders including Reactive Attachment
Disorder.">
<META NAME="ROBOTS" CONTENT="ALL">
<!-- Metadata generated by
http://vancouver-webpages.com/META/mk-metas.html -->
<style type="text/css">
BODY {
background-image : url(images/bgca2.jpg);
background-position : top;
background-repeat : no-repeat;
color : #869BAA;
}
a:link {color: #A9A9A9}
a:visited {color: #A9A9A9}
a:hover {color: #A17377}
a:active {color: #A17377}
H1,H2,H3, H5, H6 {
font-family : Arial, Helvetica, sans-serif;
color : #FFF8DC;
}
H4 { font-face : Americana ;
color : #000000 ; }
</style>
</head>
<body bgcolor="#000000">
<div align="right">
<table bgcolor="#000000" cellpadding="0" cellspacing="1" width="660">
<tr>
<td>
<div align="center">
<!--You have 2 bgcolors here!-->
<table bgcolor="#8D0D0D" width="100%" cellspacing="1"
cellpadding="3" bgcolor="#000000">
<tr>
<td align="left" valign="middle">
<h2>Title
</h2>
</td>
</tr>
<tr>
<td width="100%" colspan="2">
<div align="center">
<table bgcolor="#8D0D0D" cellspacing="0" cellpadding="3"
width="100%">
<tr>
<td>
<div align="center">
<table bgcolor="#000000" cellspacing="0" cellpadding="3"
width="100%">
<tr>
<td width="100%" align="center">
[<a
href="./">Home</a>] -
[<a
href="risks.html">Temper Tantrums</a>] -
[<a
href="./">Learning Delays</a>] -
[<a
href="./">What is Trangulation?</a>] -
[<a
href="./">False Allegations</a>] -
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td>
<div align="left">
<table bgcolor="#000000" border="0" cellpadding="3"
cellspacing="0">
<tr>
<td width="100%">
<div align="center">
<table width="100%" cellspacing="0" cellpadding="3"
bgcolor="#8D0D0D">
<tr>
<td width="100%"> <div
align="center"><h5>written
by: Author</H5></div>
<H5>This is where the bulk of my text will
be lahjldkfjlasjflkasjfklasjlkfjsajflsajflasj
jlskajflkasjfklja jalkjfl k ljkf klj j klja
lksajlskajjdlajfljlkfjasljfsldjflasjdflk
sjafljasklfjsakldjfklsdajfklsdjflksjaflkjsalkjflaskdjflkasjflksaj<br>
--------------<a href="page.html">Click here
to continue this
article.</a>----------- <br>
<br>
<!--Your H5 end tag should have been here (inside table data)-->
</h5></td>
<!--Your H5 end tag was here (outside of table data)-->
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</td>
<td width="25%" valign="top"><img src="images/Gunssm.gif"
width=139 height=163 border=0 alt="Childhood and Guns">
<h5>For children with RAD, childhood is filled with fear and
pain. They never know the wonderful feeling of trusting another person to
love and care for them.<br><br>
<img src="images/handsm.gif"
width=139 height=78 border=0
alt="hand"><br><br>
From 1991-1995, female juvenile
arrests for Violent Crime Index
offenses increased 34 percent, nearly four times the male juvenile increase
of 9 percent (Kelley, Huizinga, Thornberry).<br><br>
<i>For more information about
Children Who Kill click on one of the
following links.<br> If you would like more information about how you can
help children with RAD, contact our SAVY office at 970-984-2222</i><br><br>
<a href="./">link</a><br>
<a href="./">link</a><br>
<a href="./">link</a><br>
<a href="./">link</a><br>
<a href="./">link</a><br>
<a href="./">link</a><br>
<a href="./">link</a><br>
<a href="./">link</a><br>
</h5>
</td>
</tr>
<tr>
<td width="100%" colspan="2">
<table bgcolor="#8D0D0D" border="0" cellpadding="3"
cellspacing="0">
<tr>
<td>
<table border="0" width="600" cellspacing="0"
cellpadding="3">
<tr>
<td bgcolor="#8D0D0D" align="center">
<h6>
<a
href="www.geekcube.com/troy">troy</a>,<a
href="www.oswd.org">OSWD</a> and,<br> <a href="http://www.image-cafe.net"
target="_blank">image cafe</a><br><br>
Special
thanks to Nancy Thomas for her contributions to the article
on this page.</h6>
</td>
<td
bgcolor="#8D0D0D" width="75%" align="right">
<h6>
Last updated March2003
</h6>
</tr>
</table>
</td>
</tr>
</table>
</tr></table></div>
</td>
</tr>
</table>
</div>
</body>
</html>
-------------------------------------------------------------
HTML: hwg-basics mailing list archives,
maintained by Webmasters @ IWA