je refais l'interface de mon site qui avant étais fais sur une base de frame en html mais qui etais vraiment pas beau. jai récup un chouette kit graphique que jai un modifié et venons en au principale la question
Voila ma question, je voudrais que lorsque je click sur un des boutons ca se mettre dans le cadre, comme une sorte d'incrémentation. ce sont des tr et td les cadres. je sais que les div existe mais je ne les ai jamais utiliser
merci de votre aide.
petit screenshot pour montrer ce que je demande
Illustration
et voici la source
<body topmargin="10" marginheight="10" leftmargin="10" marginwidth="10">
<table width="733" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><img src="images/maquette_03.gif" width="91" height="72"></td>
<td><table width="642" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_04.gif" width="642" height="22"></td>
</tr>
<tr>
<td><table width="642" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_06.gif" width="301" height="24"></td>
<td><table width="91" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_07.gif" width="22" height="24"></td>
<td><img src="images/maquette_08.gif" width="23" height="24"></td>
<td><img src="images/maquette_09.gif" width="22" height="24"></td>
<td><a href="mailto:___"><img src="images/maquette_10.gif" width="24" height="24" border="0"></a></td>
</tr>
</table></td>
<td><img src="images/pixtrans.gif" width="250" height="24"></td>
</tr>
</table></td>
</tr>
<tr>
<td><table width="642" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_12.gif" width="69" height="26"></td>
<td width="505" background="images/maquette_13.gif">
<!-- TABLEAU DE NAVIGATION-->
<table width="505" border="0" cellspacing="0" cellpadding="0" class="TITRE">
<tr>
<td align="center"><a href="#">Acceuil</a></td>
<td align="center"><a href="#">Forum</a></td>
<td align="center"><a href="#">Article</a></td>
<td align="center"><a href="#">Telechargement</a></td>
<td align="center"><a href="#">MENU 5</a></td>
<td align="center"><a href="#">MENU 6</a></td>
<td align="center"><a href="#">MENU 7</a></td>
<td align="center"><a href="mailto:_______">Contact</a></td>
</tr>
</table>
</td>
<td><img src="images/maquette_14.gif" width="68" height="26"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="733" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><img src="images/maquette_16.gif" width="160" height="15"></td>
<td><img src="images/maquette_17.gif" width="573" height="15"></td>
</tr>
</table>
<table width="733" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="160" valign="top" background="images/maquette_16.gif">
<!-- TABLEAU COMPTE-->
<table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_45.gif" width="160" height="14"></td>
</tr>
<tr>
<td><table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_46.gif" width="22" height="20"></td>
<td background="images/pix.gif" class="TITREBLANC" width="128" align="center">COMPTE</td>
<td><img src="images/maquette_48.gif" width="10" height="20"></td>
</tr>
<tr>
<td background="images/maquette_46.gif"><img src="images/pix.gif"></td>
<td><img src="images/maquette_50.gif" width="128" height="12"></td>
<td background="images/maquette_48.gif"><img src="images/pix.gif"></td>
</tr>
<tr>
<td background="images/maquette_46.gif"> </td>
<td background="images/maquette_52.gif" align="center"><table width="128" border="0" cellspacing="3" cellpadding="0">
<tr>
<td class="TITRE" align="center">ahahahahah </td>
</tr>
<tr>
<td class="TITRE" align="center"><br>LOGIN<br>
<input name="textfield" type="text" size="15" style="font-family:verdana; font-size:9px; text-align:center"><br>MOT DE PASSE<br>
<input type="password" name="textfield2" size="15" style="font-family:verdana; font-size:9px; text-align:center"><br><br>
<input type="submit" name="button" value="OK" style="font-family:verdana; font-size:9px; text-align:center"><br>
<br></td>
</tr>
</table></td>
<td background="images/maquette_48.gif"><img src="images/maquette_27.gif" width="23" height="10"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="images/maquette_modif2.gif" width="160" height="24"></td>
</tr>
</table>
<!-- FIN TABLEAU COMPTE-->
<!-- TABLEAU RUBRIQUE 1-->
<table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_18.gif" width="160" height="13"></td>
</tr>
<tr>
<td><table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/maquette_24.gif"><img src="images/pixtrans.gif" width="1" height="20"></td>
<td width="128" background="images/pix.gif" align="center" class="TITREBLANC"><!--titre de la rubrique 1 -->MS-DOS</td>
<td background="images/maquette_26.gif"><img src="images/pixtrans.gif" width="1" height="20"></td>
</tr>
<tr>
<td><img src="images/maquette_24.gif" width="22" height="7"></td>
<td><img src="images/maquette_25.gif" width="128" height="7"></td>
<td><img src="images/maquette_26.gif" width="10" height="7"></td>
</tr>
<tr>
<td background="images/maquette_24.gif"> </td>
<td><table width="128" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">Script</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">Commande</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">INconstruction</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">INconstruction</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">INconstruction</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">INconstruction</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
</table></td>
<td background="images/maquette_26.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/maquette_modif.gif" width="160" height="20"></td>
</tr>
</table>
<img src="images/pixtrans.gif" width="23" height="1">
<!-- FIN TABLEAU RUBRIQUE 1-->
<!-- TABLEAU RUBRIQUE 2-->
<table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_18.gif" width="160" height="13"></td>
</tr>
<tr>
<td><table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/maquette_24.gif"><img src="images/pixtrans.gif" width="1" height="20"></td>
<td width="128" background="images/pix2.gif" align="center" class="TITREBLANC"><!--titre de la rubrique 2 -->WINDOWS</td>
<td background="images/maquette_26.gif"><img src="images/pixtrans.gif" width="1" height="20"></td>
</tr>
<tr>
<td><img src="images/maquette_24.gif" width="22" height="7"></td>
<td><img src="images/maquette_25.gif" width="128" height="7"></td>
<td><img src="images/maquette_26.gif" width="10" height="7"></td>
</tr>
<tr>
<td background="images/maquette_24.gif"> </td>
<td><table width="128" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">Présentation</a></td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">Install de XP </a></td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">DC promo 2003 </a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">INconstruction</a></td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">INconstruction</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">INconstruction</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
</table></td>
<td background="images/maquette_26.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/maquette_modif.gif" width="160" height="20"></td>
</tr>
</table>
<!-- FIN TABLEAU RUBRIQUE 2-->
<!-- TABLEAU RUBRIQUE 3-->
<table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_18.gif" width="160" height="13"></td>
</tr>
<tr>
<td><table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/maquette_24.gif"><img src="images/pixtrans.gif" width="1" height="20"></td>
<td width="128" background="images/pix.gif" align="center" class="TITREBLANC"><!--titre de la rubrique 3 -->RESEAUX</td>
<td background="images/maquette_26.gif"><img src="images/pixtrans.gif" width="1" height="20"></td>
</tr>
<tr>
<td><img src="images/maquette_24.gif" width="22" height="7"></td>
<td><img src="images/maquette_25.gif" width="128" height="7"></td>
<td><img src="images/maquette_26.gif" width="10" height="7"></td>
</tr>
<tr>
<td background="images/maquette_24.gif"> </td>
<td><table width="128" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">C'est quoi.. </a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">TCP/IP</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">Les ports</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">DHCP-DNS-WINS </a></td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">INconstruction</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">INconstruction</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
</table></td>
<td background="images/maquette_26.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="20"><img src="images/maquette_modif.gif" width="160" height="20"></td>
</tr>
</table>
<table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_18.gif" width="160" height="13"></td>
</tr>
<tr>
<td><table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/maquette_24.gif"><img src="images/pixtrans.gif" width="1" height="20"></td>
<td width="128" background="images/pix.gif" align="center" class="TITREBLANC"><!--titre de la rubrique 3 -->SECURITER</td>
<td background="images/maquette_26.gif"><img src="images/pixtrans.gif" width="1" height="20"></td>
</tr>
<tr>
<td><img src="images/maquette_24.gif" width="22" height="7"></td>
<td><img src="images/maquette_25.gif" width="128" height="7"></td>
<td><img src="images/maquette_26.gif" width="10" height="7"></td>
</tr>
<tr>
<td background="images/maquette_24.gif"> </td>
<td><table width="128" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">Anti virus </a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">Pare-feu</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">service</a></td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">INconstruction</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">INconstruction</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">INconstruction</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
</table></td>
<td background="images/maquette_26.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="20"><img src="images/maquette_modif.gif" width="160" height="20"></td>
</tr>
</table>
<table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_18.gif" width="160" height="13"></td>
</tr>
<tr>
<td><table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td background="images/maquette_24.gif"><img src="images/pixtrans.gif" width="1" height="20"></td>
<td width="128" background="images/pix.gif" align="center" class="TITREBLANC"><!--titre de la rubrique 3 -->DIVERTISSEMENT</td>
<td background="images/maquette_26.gif"><img src="images/pixtrans.gif" width="1" height="20"></td>
</tr>
<tr>
<td><img src="images/maquette_24.gif" width="22" height="7"></td>
<td><img src="images/maquette_25.gif" width="128" height="7"></td>
<td><img src="images/maquette_26.gif" width="10" height="7"></td>
</tr>
<tr>
<td background="images/maquette_24.gif"> </td>
<td><table width="128" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">DVD shrink</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">MSN</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">Skype</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">Teamspeak</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">Vidéo</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
<tr>
<td><img src="images/maquette_31.gif" width="18" height="18"></td>
<td width="97" background="images/pix2.gif" align="center"><a href="#" class="TEXTBLANC">INconstruction</a> </td>
<td><img src="images/maquette_33.gif" width="13" height="18"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_39.gif" width="128" height="4"></td>
</tr>
</table></td>
<td background="images/maquette_26.gif"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="20"><img src="images/maquette_modif.gif" width="160" height="20"></td>
</tr>
</table>
</td>
<td valign="top"><img src="images/maquette_19.gif" width="573" height="12">
<!-- TABLEAU ANNEXE -->
<table width="573" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3"><img src="images/maquette_58.gif" width="573" height="14"></td>
</tr>
<tr>
<td background="images/maquette_59.gif" width="23"> </td>
<td background="images/pix.gif" width="536" valign="top"><table width="536" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="TITREBLANC"> </td>
</tr>
<tr>
<td class="TEXTBLANC" valign="top"><!-- ZONE DE TEXT DU TABLEAU ANNEXE-->
<p><br>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br>
<br>
</p>
</td>
</tr>
</table></td>
<td background="images/maquette_61.gif" width="14"><img src="images/pixtrans.gif" width="14" height="1"></td>
</tr>
<tr>
<td colspan="3"><img src="images/maquette_65.gif" width="573" height="13"></td>
</tr>
</table>
<!-- FIN TABLEAU ANNEXE -->
</td>
</tr>
</table>
<table width="741" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td rowspan="2" width="161"><img src="images/maquette_70.gif" width="161" height="35"></td>
<td width="580"><table width="573" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50"><img src="images/pixtrans.gif" width="50" height="16"></td>
<td>
<div align="left"><font style="font-family:arial; font-size:9px">Create by chris </font></div></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/maquette_72.gif" width="573" height="21"></td>
</tr>
</table>
</body>