Ustawienie szerokości kolumny tabeli HTML

W dowolnym dokumencie reprezentacja danych odgrywa istotną rolę w zwróceniu uwagi czytelnika. Istnieje kilka sposobów reprezentowania danych, takich jak wykresy, wykresy i inne. Mówiąc dokładniej, na stronie internetowej dodaje się tabela, aby wyświetlać dane w odpowiednim rozmiarze i formatie. Tabela składa się z wierszy i kolumn danych, a ich wysokość i szerokość można ustawić za pomocą właściwości CSS.

Ten przewodnik cię nauczy:

• Jak utworzyć tabelę w HTML?
• Jak dostosować wysokość wiersza tabeli?
• Jak dostosować szerokość kolumny tabeli?

Jak utworzyć tabelę w HTML?

W HTML najpierw dodaj „tabela„Element i zastosuj”szerokość”Z wartością„100%". Następnie dodaj tag do dodania pierwszego wiersza tabeli i wewnątrz tego znacznika dodaj liczby Tagi do nagłówków. Po dodaniu wiersza tabeli dla nagłówków dodaj wiersze danych. Aby to zrobić, dodaj tagi, w tym dla danych:

Nazwa	Płeć	Wiek
Piotr	Mężczyzna	23
Dennis	Mężczyzna	26
Stokrotka	Kobieta	23

Obecnie nasza strona internetowa wygląda tak:

Teraz dostosuj rozmiary wierszy i kolumn tabeli.

Jak dostosować wysokość wiersza tabeli?

Wysokość wiersza tabeli można regulować za pomocą „wysokość" nieruchomość. Poniżej znajduje się przykład, w którym

Tag jest dostarczany z wysokością właściwości stylu o wartości 100px:
Dennis
Mężczyzna
26

Z poniższego obrazu widać, że drugi rząd tabeli ma teraz długość 100px:

Jak dostosować szerokość kolumny tabeli?

Szerokość kolumny można zmodyfikować, wykorzystując CSS ”szerokość" nieruchomość. Tutaj szerokość tabeli jest ustawiona na 80%:

Nazwa
Płeć
Wiek

Wyjście

Otóż ​​to! Z powodzeniem nauczyliśmy się dostosowywać szerokość i wysokość stołu.

Wniosek

Tabele są najpopularniejszym medium prezentacji danych, ponieważ organizują dane w rzędach i kolumnach. W CSS można wykonać tabelę za pomocą

, ,

,

. Możesz jednak wykorzystać właściwości wysokości i szerokości, aby określić rozmiar tabeli. Ten blog szczegółowo wyjaśnił metodę ustawienia szerokości wierszy i kolumn tabeli. « Konfigurowanie środowiska programistów za pomocą Dockera Ustaw odstępy w komórkach w CSS - HTML » C ++ Jak używać instrukcji przełącznika w c++? Instrukcja przełącznika jest instrukcją warunkową w C ++, która testuje zmienną w stosunku do wielu ... Zofia Góra c ostre Jaka jest różnica między klasą a obiektem w C# Klasa to plan lub szablon, który określa cechy i zachowania określonego rodzaju obiektu. Podczas gdy... Igor Skrzypek PowerShell Co to jest komputer addershell? CMDLET „Add-Computer” dodaje komputer lokalny do domeny. Jeśli komputer zostanie dodany do domeny be... Maja Kucharski Pyton Pandy eksplodują wiele kolumn Makary Stasiak Pyton Python wywołaj metodę statyczną w klasie Oliwia Makowski Pyton Seborn poziome działki barowe Larysa Witczak Doker Co to jest montowanie Docker Bind? Pani Alicja Szafrański php Jak korzystać z funkcji stripassashes w PHP Sebastian Kaczyński Jawa Co to jest import Java.io.*; w Javie? Justyna Flak Git Jak działa Git? Maja Kucharski C ++ Różnica między prywatnym a chronionym w C ++ Larysa Witczak c ostre Warunki, a jeśli wówczas stwierdzenia w C# Bruno Dobrowolski Programowanie C Jakie są ciągi w programowaniu C? Albert Szcześniak