WillisTi
09-17-2005, 12:23 AM
Hi,
What do I need to change in my HTML to make it valid XHTML? Ive included the html for my index page if anyone could give some examples please?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Contemporary Multimedia</title>
<link href="contemporarymultimedia.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" class="margin-box">
<tr>
<td align="center" valign="middle"><table border="0" align="center" cellpadding="0" cellspacing="0" id="background">
<tr>
<td colspan="3" id="banner"><img src="topbanner.jpg" alt="Top Banner" width="720" height="90"></td>
</tr>
<tr>
<td colspan="3" id="nav"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="7%" height="25"><ul class="style5navlist">
<li class="home">
<p><a class="current" href="index.html">About</a></p>
</li>
</ul></td>
<td width="7%"><ul class="style5navlist">
<li class="home">
<p><a class="current" href="articles.htm">Articles</a></p>
</li>
</ul></td>
<td width="7%"><ul class="style5navlist">
<li class="home">
<p><a class="current" href="index.html">Portfolio</a></p>
</li>
</ul></td>
<td width="7%"><ul class="style5navlist">
<li class="home">
<p><a class="current" href="index.html">Contact</a></p>
</li>
</ul></td>
<td width="72%"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="313" align="center" valign="top" id="sidepic-l"><img src="sidebanner.jpg" alt="Side Banner" width="110" height="300"></td>
<td valign="top" id="content"><p>I am a student studying BSc (Hons) Multimedia Computing at the Universty of the West of England. <BR>
<BR>
There are many definitions of multimedia. These include references to interactivity, moving image (animation and video), sound, virtual reality, digital media, and entertainment systems including those provided by computer games consoles. Previously, computer systems have relied on text as the sole means of conveying information. Now, they too are making increasing use of sound and non-textual images to convey information. Most would acknowledge that the creation of contemporary multimedia systems involves a process that interleaves aspects of both art and science. <BR>
<BR>
Multimedia Systems are expected to be a dominant form of communication in the 21st Century. Contemporary multimedia development requires you to become familiar with a wide range of concepts and techniques drawn from a number of disciplines. </p>
<p> </p>
<p><br>
Valid CSS<span class="dash"> | </span>Valid HTML</p></td>
<td align="center" valign="top" id="sidepic-r"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="border2">
<tr>
<th scope="col"><div align="left"> Latest - 3D Technologies Article</div></th>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="border">
<tr>
<th scope="col"><div align="left">
<p>The aim of this <a href="articles.htm" class="style6">article</a> is to raise reader awareness of the current state of the
art, and emerging trends and standards of 3D technologies. </p>
</div></th>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Thanks
What do I need to change in my HTML to make it valid XHTML? Ive included the html for my index page if anyone could give some examples please?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Contemporary Multimedia</title>
<link href="contemporarymultimedia.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<style type="text/css">
<!--
-->
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" class="margin-box">
<tr>
<td align="center" valign="middle"><table border="0" align="center" cellpadding="0" cellspacing="0" id="background">
<tr>
<td colspan="3" id="banner"><img src="topbanner.jpg" alt="Top Banner" width="720" height="90"></td>
</tr>
<tr>
<td colspan="3" id="nav"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="7%" height="25"><ul class="style5navlist">
<li class="home">
<p><a class="current" href="index.html">About</a></p>
</li>
</ul></td>
<td width="7%"><ul class="style5navlist">
<li class="home">
<p><a class="current" href="articles.htm">Articles</a></p>
</li>
</ul></td>
<td width="7%"><ul class="style5navlist">
<li class="home">
<p><a class="current" href="index.html">Portfolio</a></p>
</li>
</ul></td>
<td width="7%"><ul class="style5navlist">
<li class="home">
<p><a class="current" href="index.html">Contact</a></p>
</li>
</ul></td>
<td width="72%"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="313" align="center" valign="top" id="sidepic-l"><img src="sidebanner.jpg" alt="Side Banner" width="110" height="300"></td>
<td valign="top" id="content"><p>I am a student studying BSc (Hons) Multimedia Computing at the Universty of the West of England. <BR>
<BR>
There are many definitions of multimedia. These include references to interactivity, moving image (animation and video), sound, virtual reality, digital media, and entertainment systems including those provided by computer games consoles. Previously, computer systems have relied on text as the sole means of conveying information. Now, they too are making increasing use of sound and non-textual images to convey information. Most would acknowledge that the creation of contemporary multimedia systems involves a process that interleaves aspects of both art and science. <BR>
<BR>
Multimedia Systems are expected to be a dominant form of communication in the 21st Century. Contemporary multimedia development requires you to become familiar with a wide range of concepts and techniques drawn from a number of disciplines. </p>
<p> </p>
<p><br>
Valid CSS<span class="dash"> | </span>Valid HTML</p></td>
<td align="center" valign="top" id="sidepic-r"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="border2">
<tr>
<th scope="col"><div align="left"> Latest - 3D Technologies Article</div></th>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="border">
<tr>
<th scope="col"><div align="left">
<p>The aim of this <a href="articles.htm" class="style6">article</a> is to raise reader awareness of the current state of the
art, and emerging trends and standards of 3D technologies. </p>
</div></th>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Thanks