codice:
<table border="0" style="border-collapse: collapse" width="402" height="100" cellpadding="0" id="table6">
	<tr>
		<td height="20" width="15" background="Pulsanti/top_left.gif"></td>
		<td height="20" width="283" background="Pulsanti/top_center.gif">
		<p align="center"><a href="Fotografia.htm">
		[img]indians_file/pulsanti/button20.gif[/img]</a></p>
		</td>
		<td height="20" width="283" background="Pulsanti/top_center.gif"></td>
		<td height="15" width="15" background="Pulsanti/top_right.gif"></td>
	</tr>
	<tr>
		<td height="80" width="20" background="Pulsanti/left.gif"></td>
		<td height="80" width="566" bgcolor="#DADADA" colspan="2">
		<font color="#FF0000">
		[img]new.gif[/img]:</font><font class="m1">
		</font>
		<a class="titolo" href="Fotografia/Conversione%20unita%20di%20misura.htm">
		<font class="m1">Articolo: </font><font class="m2">Conversione unità di 
		misura</font></a><font class="m2">

		<font class="m3">Un lunghissimo articolo in cui troverete i fattori di conversione 
		per ogni tipo di unità.

		<font class="m4">di Gik25</font></font></font></td>
		<td height="80" width="26" background="Pulsanti/right.gif"></td>
	</tr>
	<tr>
		<td height="16" width="15" background="Pulsanti/bottom_left.gif"></td>
		<td height="16" width="566" background="Pulsanti/bottom_center.gif" colspan="2">
		</td>
		<td height="16" width="15" background="Pulsanti/bottom_right.gif"></td>
	</tr>
</table>

Cosa posso eliminare per ridurre notevolmente la lunghezza di questo codice HTML?

Cosa posso spostare in CSS?