Specifica del carattere e delle dimensioni nella tabella HTML

Specifica del carattere e delle dimensioni nella tabella HTML
Quando le tabelle vengono create in un documento HTML, gli sviluppatori vogliono definire le dimensioni della tabella e del carattere del contenuto della tabella per mantenere una buona interfaccia utente grafica. Il modo tradizionale per creare una tabella in HTML è aggiungere un ""Elemento. Più specificamente, per specificare il carattere e le dimensioni per la tabella, il ""Viene utilizzato l'elemento.

Questo post dimostrerà il metodo per specificare il carattere e le dimensioni di una tabella HTML.

Utilizzo del tag "" per specificare il carattere e le dimensioni nella tabella HTML

Gli sviluppatori possono specificare il carattere e le dimensioni nella tabella HTML attraverso ""Elemento in modo tale che questo""L'elemento copre tutto il contenuto della tabella. La dimensione della tabella può essere dichiarata usando il "misurare"Attributo all'interno del""L'apertura del tag e dello stile del carattere può essere dichiarato tramite"viso"Attributo.

Esempio

Supponiamo, esiste il seguente esempio di una tabella HTML per la quale definiremo il carattere e le dimensioni:















Identificativo clienteNome del clienteNome del fileKeyname
New51132Windows2012Demo.PDFTestKey

Nel frammento di codice sopra:

  • UN "font"Viene aggiunto l'elemento che ha gli attributi"misurare" E "viso"Nel tag di apertura per specificare rispettivamente le dimensioni e lo stile del carattere della tabella.
  • Dentro il "font"Elemento, aggiungi un"tavolo"Elemento per creare la tabella per la quale devono essere applicati le dimensioni sopra menzionate e gli attributi in stile carattere.
  • Nell'apertura "tavoloTag, imposta il "classe"Attributo che definisce una classe denominata"scheda".
  • Dentro il "tavolo"Elemento, specificare il""Elemento che aggiunge le righe della tabella.
  • Dentro il ""Elemento, definisci il""Elementi per aggiungere le celle della tabella e definire ogni valore da aggiungere alla tabella.
  • Infine, specifica un altro ""Elemento per aggiungere una riga separata e""Elementi al suo interno allo stesso modo delle righe aggiunte sopra.
  • Questo creerà una singola tabella nell'output.

Ora possiamo creare un'altra tabella HTML con valori diversi definiti per "misurare" E "viso"Attributo solo per differenziare il carattere e la dimensione delle due diverse tabelle:













Identificativo clienteNome del clienteNome del fileKeyname
New51132Windows2012Demo.PDFTestKey

Nel frammento di codice sopra:

  • Un'altra tabella creata esattamente allo stesso modo della sezione precedente di questo post. L'unica differenza è che i valori definiti per "misurare" E "viso"Attributi del"font"Il tag è diverso.
  • Qui, la dimensione è stata definita come "5"E la faccia del carattere è stata definita come"consola".

Di seguito sono riportate le proprietà CSS per creare una rappresentazione migliore per entrambe le tabelle:

Table, th, td
Bordo: 2px Solid Darkblue;
Collapse di confine: collasso;

.Tab
Margine: 8px;
larghezza: 80%;

Il codice sopra creerà due diverse tabelle nell'output. Uno con la dimensione "2"E il carattere"Corriere"E l'altro con la dimensione"5"E carattere"consola":

Ecco come possiamo specificare il carattere e le dimensioni nella tabella HTML.

Conclusione

Nella tabella HTML, il carattere e la dimensione possono essere specificati aggiungendo ""Elemento in modo tale che copra tutto"

"Elementi al suo interno. La dimensione della tabella è definita aggiungendo "misurare"L'attributo e lo stile del carattere del contenuto della tabella sono definiti aggiungendo"viso"Attributo nel"”Tag di apertura. Questo post ha spiegato come specificare il carattere e le dimensioni della tabella HTML.