Jak wyśrodkować tabelę w HTML?

Jak wyśrodkować tabelę w HTML?
W HTML tabela odgrywa ważną rolę w organizowaniu danych. Tabela wykorzystuje kombinację wierszy i kolumn do przechowywania danych. Pozwala deweloperowi ułożyć stos niezorganizowanych danych w rzędach i kolumnach.

W html,

Tag jest używany do tworzenia tabeli. Wewnątrz tego tagu I















Tagi służą do tworzenia wierszy i kolumn tabeli. HTML pozwala nam sformatować tabelę za pomocą właściwości CSS. W tym poście wykazaliśmy sposób wyśrodkowania tabeli w HTML.

Jak wyśrodkować tabelę w HTML?

W HTML tabele są wykorzystywane przede wszystkim do zwiększenia czytelności i estetyki treści. Poniższy praktyczny przykład pokazuje proces tworzenia tabeli wraz z procesem utrzymywania go w centrum.

Html




Pierwszy dokument




Prosty stół


border = "1">
NazwyKlas
AliceA
JhonC
AlexB



W tym kodzie stworzyliśmy prostą tabelę z pomocą

, , I
tagi. W środku tag, używane są trzy właściwości CSS. Wartość dla obu margines lewic I margines-prawy jest automatycznie, podczas gdy wartość tekst-align jest ustawiony na centrum.

Wyjście

Dane wyjściowe wyraźnie pokazuje, że tabela jest skutecznie wyśrodkowana z pomocą właściwości marginesu CSS.

Otóż ​​to! Nauczyłeś się wyśrodkować stół za pomocą właściwości CSS.

Wniosek

W HTML możemy wyśrodkować tabelę, stosując właściwości marginesowe CSS, prawicowe margines i ustawiać ich wartości jako automatyczne. To doda margines po lewej i prawej stronie tabeli w równym stopniu, co wyrówna tabelę na środku strony HTML. Dodatkowo możesz użyć właściwości tekstu tekstowego, aby scentralizować zawartość tabeli. Wszystkie te właściwości są stosowane w kodzie HTML do wyśrodkowania tabeli w HTML.