E 'una buona idea usare le proprietà width e height con il tag td?

Ti suggerisco di imparare i CSS. Ci sono molte risorse disponibili, questo per esempio è un ottimo sito per iniziare.

Per favore, evita w3schools, vedi w3fools per capire perché.

Devi sempre usare i CSS per modellare i tuoi elementi, possibilmente un file esterno contenente tutte le tue regole.

Gli attributi width e height ora sono considerati obsoleti. È possibile ottenere lo stesso effetto con una regola CSS. Se desideri scegliere come target solo una determinata cella di una tabella, puoi assegnarla una classe come <td class="small"> , ad esempio:

#yourtable td.small {
  width:100px;
  height:200px;
}

Per il padding, devi specificare una classe come <span class="indented"> e quindi creare una regola CSS come questa:

span.indented {
  padding-left:100px;
}

Ora tutto il tuo padding con questa classe avrà una spaziatura a sinistra di 100 px.

Per quanto riguarda le risoluzioni dello schermo, se si desidera creare un layout a dimensione fissa, tenere presente che la risoluzione orizzontale più bassa al giorno d'oggi è 1024px, si desidera rimuovere alcuni pixel a causa di barre di scorrimento, barre laterali, ecc. la dimensione è considerata di 960 px.

Il modo migliore per indirizzare diversi tipi di risoluzioni dello schermo (e dispositivi) è avere un layout liquido, un layout che si adatta automaticamente a varie risoluzioni. Puoi ottenerlo usando, per esempio, valori percentuali per i tuoi elementi invece di unità fisse.

Molti siti sono personalizzati per il minimo comune denominatore (beh, comunque percepito). La risoluzione più bassa a cui andrà la maggior parte dei monitor attuali è 1280x720. Un sacco di siti saranno creati con una statica con una scala da 920 a 1000 pixel, in quanto non sembra male alle risoluzioni più alte (alcuni compenseranno con sfondi più grandi per renderlo un po 'più carino).

Per quanto riguarda l'utilizzo o meno di width e height attributi direttamente in td tag, no, non dovresti usarli come attributi sono obsoleti a partire da HTML5 . Guarda il layout che esprime usando CSS.

Il riempimento (come padding-left ) non è una cattiva idea, ma, di nuovo, vorrai metterlo in un foglio di stile esterno e applicarlo all'elemento specifico.

In realtà, suggerirei di fare una breve pausa dall'apprendimento di HTML e di immergermi nei CSS un po 'e scoprire alcune delle best practice consigliate in questo campo.

Innanzitutto, gli attributi di presentazione sono stati deprecati in HTML per un po 'di tempo; dovresti usare invece l'attributo style , o, meglio ancora, il CSS corretto. Internet è pieno di risorse su questi, quindi non ho intenzione di elaborare.

Poi; con i layout web, devi fare una scelta fondamentale prima di iniziare: Fisso o fluido? Un layout fisso utilizza le dimensioni hard-coded per la maggior parte delle cose, in genere specificate in px o em. Al contrario, layout fluido descrive una strategia di layout e fa affidamento sullo user agent per applicarlo.

Layout fisso

Pro:

• Più facile da fare
• Simile al design dei supporti di stampa
• Più facile per supportare i browser legacy
• Controllo completo sul posizionamento degli oggetti sulla pagina

Contro:

• Funziona bene solo con una risoluzione simile a quella per cui è stato progettato
• Difficile adattarsi automaticamente al contenuto dinamico
• Non si adatta bene (ad esempio per i dispositivi mobili)
• Non funziona bene con il ridimensionamento della finestra
• Può interrompersi quando viene utilizzato in situazioni impreviste (ad esempio, l'utente ha diversi tipi di carattere installati, una diversa configurazione dello schermo, ecc.)

Layout fluido

Pro:

• scala bene
• Risoluzione indipendente
• Si adatta automaticamente al contenuto dinamico

Contro:

• Più difficile da correggere
• Supporto limitato per i browser legacy
• Alcune cose non funzioneranno affatto

Inoltre, tieni presente che puoi affrontare il problema della risoluzione dello schermo / dimensione della finestra / dispositivi mobili con le query @media: crei singoli fogli di stile per dimensioni di finestre diverse e fai in modo che l'agente utente scelga quelli giusti per te.