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 » PHP Come utilizzare la funzione Strlen in PHP La funzione strlen () in PHP è una funzione integrata che viene utilizzata per calcolare la lunghezz... Dr. Folco Leone Golang Come usare le stringhe.Sostituisci la funzione in Golang - Esempi Le corde.La funzione Sostituisci () in Golang sostituisce tutte le occorrenze di una sottostringa al... Osea Martini PHP Perché PHP dovrebbe essere utilizzato nello sviluppo web PHP è un'ottima scelta per lo sviluppo web grazie alla sua semplicità, flessibilità, velocità, riusa... Dr. Ursula Marini Pitone Python chiama il metodo statico all'interno della classe Osea Martini Pitone Python Count personaggi nella stringa Nunzia Martini Pitone Etichette dell'asse di Seaborn Dr. Folco Leone Pitone Python Chmod Dr. Evita Damico Salesforce Salesforce Data Loader Domiziano Conte Ubuntu Come installare CUDA sulla top 10 di Ubuntu.Top 10 LTS Dr. Ursula Marini Oracle Database Come connettersi al database Oracle Top 10c utilizzando SQL Developer? Cristyn De Santis AWS Cos'è Elastic Beanstalk? È paas o iaas? Dr. Folco Leone Oracle Database Qual è lo scopo di Oracle Cerner? Dr. Ursula Marini Sqlite Come scaricare e installare strumenti SQLite? Nestore Caruso