Come centrare un tavolo in html?

Come centrare un tavolo in html?
In HTML, una tabella svolge un ruolo importante nell'organizzazione dei dati. La tabella utilizza una combinazione di righe e colonne per archiviare i dati. Consente allo sviluppatore di disporre la pila di dati non organizzati in righe e colonne.

In html,

Il tag viene utilizzato per la creazione di una tabella. All'interno di questo tag E















I tag vengono utilizzati per creare le righe e le colonne di una tabella. HTML ci consente di formattare la tabella con l'aiuto di CSS Properties. In questo post, abbiamo dimostrato la strada per centrare un tavolo in HTML.

Come centrare un tavolo in html?

In HTML, le tabelle vengono utilizzate principalmente per migliorare la leggibilità e l'estetica del contenuto. Il seguente esempio pratico mostra il processo di creazione di una tabella insieme al processo di mantenerlo in centro.

Html




Primo documento




Tavolo semplice


bordo = "1">
Nomigradi
AliceUN
JhonC
AlexB



In questo codice, abbiamo creato una semplice tabella con l'aiuto di

, , E
tag. Dentro il tag, vengono utilizzate tre proprietà CSS. Il valore per entrambi margine-sinistra E margine-destra è auto mentre il valore di allineamento è impostato sul centro.

Produzione

L'output mostra chiaramente che la tabella è centrata con successo con l'aiuto delle proprietà del margine CSS.

Questo è tutto! Hai imparato a centrare il tavolo con l'aiuto delle proprietà CSS.

Conclusione

In HTML, possiamo centrare la tabella applicando le proprietà di margine CSS, le proprietà di margine-destra e impostare i loro valori come auto. Ciò aggiungerà il margine sul lato sinistro e destro della tabella e allo stesso modo che allineerà il tavolo al centro della pagina HTML. Inoltre, è possibile utilizzare la proprietà allineata al testo per centralizzare il contenuto della tabella. Tutte queste proprietà sono applicate su un codice HTML per centrare una tabella in HTML.