Impostazione della larghezza della colonna della tabella HTML

In qualsiasi documento, la rappresentazione dei dati svolge un ruolo vitale nel guadagnare l'attenzione del lettore. Esistono diversi modi per rappresentare dati, come grafici, grafici e altro ancora. Più specificamente, una tabella viene aggiunta in una pagina Web per visualizzare i dati nella dimensione e nel formato corretti. Una tabella è costituita da righe e colonne di dati e la sua altezza e larghezza può essere impostata con l'aiuto delle proprietà CSS.

Questa guida ti insegnerà:

• Come creare una tabella in HTML?
• Come regolare l'altezza della riga della tabella?
• Come regolare la larghezza della colonna della tabella?

Come creare una tabella in HTML?

In HTML, prima, aggiungi un “tavolo"Elemento e applica"larghezza"Con il valore di"100%". Poi aggiungi Tag per l'aggiunta della prima riga della tabella e all'interno di questo tag, aggiungi numeri di Tag per le intestazioni. Dopo aver aggiunto la riga della tabella per le intestazioni, aggiungere righe per i dati. Per farlo, aggiungi tag, incluso Per i dati:

Nome	Genere	Età
Peter	Maschio	23
Dennis	Maschio	26
Margherita	Femmina	23

Attualmente, la nostra pagina web sembra così:

Ora regola le dimensioni della riga e della colonna della tabella.

Come regolare l'altezza della riga della tabella?

L'altezza della riga della tabella può essere regolata usando "altezza" proprietà. Di seguito è riportato l'esempio in cui il

Il tag è fornito con l'altezza della proprietà di stile con valore 100px:
Dennis
Maschio
26

Dall'immagine seguente si può vedere che la seconda riga della tabella ha ora una lunghezza di 100px:

Come regolare la larghezza della colonna della tabella?

La larghezza della colonna può essere modificata utilizzando il CSS "larghezza" proprietà. Qui, la larghezza della tabella è impostata come 80%:

Nome
Genere
Età

Produzione

Questo è tutto! Abbiamo imparato con successo per regolare la larghezza e l'altezza di un tavolo.

Conclusione

Le tabelle sono il mezzo più popolare di presentazione dei dati in quanto organizzano i dati in righe e colonne. In CSS, un tavolo può essere realizzato utilizzando il

, ,

,

. Tuttavia, è possibile utilizzare le proprietà di altezza e larghezza per specificare la dimensione della tabella. Questo blog ha spiegato specificamente il metodo per impostare la larghezza delle righe e delle colonne della tabella. « Impostazione di un ambiente per sviluppatori utilizzando Docker Imposta la spaziatura delle cellule in CSS - HTML » Programmazione C Qual è la differenza tra = e == operatori nella programmazione C? L'operatore = viene utilizzato per assegnare un valore a una variabile, mentre l'operatore == confro... Artemide Ricci Golang Cos'è la parola chiave di gamma in golang In Golang i loop come per il ciclo iterano attraverso gli elementi di un array, fette, canali o mapp... Dr. Evita Damico C ++ Cos'è l'indirizzo di memoria in C ++ e come trovarlo? Un indirizzo di memoria è la posizione di una variabile nella RAM in cui i dati sono archiviati e po... Felicia Giuliani Golang Introduzione al linguaggio di programmazione di Golang Nick Marini C ++ Come usare Chrono in C++? Artemide Ricci Docker Quali sono i passaggi per distribuire un'immagine Nginx usando Docker? Sig. Valdo Marchetti Oracle Database Connettività del database Java con Oracle Dr. Folco Leone Idiota Come generare un file GIT utilizzando il terminale? | Spiegato Dr. Folco Leone Pitone Cosa è B String in Python? Domiziano Conte c affilato Come l'operatore Lambda '=>' viene utilizzato in C# Nestore Caruso c affilato Come usare la matematica.Funzione rotonda in c# Nick Marini PHP Come verificare se un array è vuoto in PHP? Cristyn De Santis c affilato Quali sono le variabili costanti in C# Dr. Folco Leone