ordine codice

Su un sito ho trovato il codice scritto a "scala":

 <TD COLSPAN=2 bgcolor="#336699" height="24" width="193"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="31" background="button1.jpg">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" height="31">
              <tr>
                <td width="70%">
                  <div align="right">
                    <p align="center"><font size="2"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </b></font><a href="chi_siamo/index.htm"><b><font color="#FFFFFF" size="2">Chi
                    Siamo</font></b></a></div>
                </td>
                <td width="30%">&nbsp;</td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </TD>

In un altro sito il codice e` allineato a sinistra:

<table  cellpadding="5">
<tr>
<td ><img src="riga_vert.gif" width="5" height="200"border="0"></td>
<td  valign="top">
<!-- immagine a caso del porto --> 
<p><b>N O V I T A' - - - >></b></p>
<a href="./foto/index.php" target ="_top"><img src="foto/images/astratto_mare.jpg" alt="astratto mare" border="0"></a><br>
<b>L'ultimo porto...<br>e altre fotografie</b>
</td>

Nel mio sito, alcune cose sono allineate a sinistre, altre piu` a destra, altre a "scala":

<div align="center">
	<table border="1" width="50%" id="table3" style="border-width: 0px">
		<tr>
			<td class="contattami" style="border-style: none; border-width: medium" width="118">
			Cognome&nbsp;&nbsp;</td>
			<td class="contattami" style="border-style: none; border-width: medium">
			<input class="contattami" type="text" name="Cognome" size="20" tabindex="1"></td>
		</tr>
		<tr>
			<td class="contattami" style="border-style: none; border-width: medium" width="118">
			Nome</td>
			<td class="contattami" style="border-style: none; border-width: medium">
			<input class="contattami" type="text" name="Nome" size="20" tabindex="2"></td>
		</tr>
		<tr>
			<td class="contattami" style="border-style: none; border-width: medium" width="118">
            Indirizzo e-mail</td>
			<td class="contattami" style="border-style: none; border-width: medium">
			<input class="contattami" type="text" name="Indirizzo_ email" size="40" tabindex="3"></span></td>
		</tr>
		<tr>
			<td class="contattami" style="border-style: none; border-width: medium" width="118">
			Messaggio</td>
			<td class="contattami" style="border-style: none; border-width: medium">
			<textarea class="contattami" rows="5" name="Messaggio" cols="35" tabindex="4"></textarea></td>
		</tr>
	</table>
</div>

Qual e` il modo migliore? Vanno tutti bene? Cosa comporta la diversa posizione del codice? Grazie e scusatemi per il lungo messaggio.
Francesco

è una questione di ordine, se sei pratico dei codici t risulterà gradito una collocazione ordinata degli stessi;
qst nn ha effetto sulla visualizzazione finale della pagina web

[Ospite]

non cambia nulla nella visualizzazione finale, sei solo tu che vai meglio a ritrovare le cose in una eventuale modifica

[DucaLucifero]

La disposizione ordinata del codice html serve esclusivamente a chi il codice lo scrive da se, infischiandosene di programmini come front page.

Per scrivere html basta il solo notepad, tutto il resto è superfluo.
Oltre tutto scrivendo direttamente il codice html è facile effettuare modifiche, l'hai scritto, l'hai ordinato e ovviamente sai dove mettere le mani.

Anche io uso disposizioni scalettate nelle pagine più complesse, in genere allineo tutto a sinistra, ma se si tratta di grosse tabelle o elenchi nidificati la scalettatura è indispensabile per evitare errori banali di chiusura dei tag.

Come giustamente dicono gli altri è ininfluente sulla isualizzazione, però è comoda in fase di revisione.
Duke