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 » Polecenia Linux Jak rozpocząć ruch multiemisji w IPERF Samouczek na temat rozpoczęcia ruchu multiemisji w IPERF i poleceń IPERF, aby wysłać i odbierać ramk... Maja Kucharski Debian Jak zmienić z domyślną na alternatywną wersję Python na Debian Możesz zmienić z domyślną na alternatywną wersję Pythona na Debian w dowolnym momencie z polecenia „... Justyna Flak C ++ Jak naprawić błąd za pomocą wielu definicji funkcji w C ++ Naprawić... Oliwia Makowski System systemu Windows Jaka jest różnica między systemem Windows Top 10 a Pro Igor Skrzypek Pyton Konwertuj ciąg na Json Python Pani Żaneta Pakuła Siły sprzedaży Salesforce Apex - lista Oliwia Makowski Doker Jak mogę zainstalować Docker za pośrednictwem terminalu Ubuntu? Zofia Góra php Jak dołączyć do tablicy PHP? Renata Borowiec php Jak używać funkcji PHP GetDate Albert Szcześniak c ostre Jak używać matematyki.Funkcja okrągła w C# Albert Szcześniak c ostre Jaka jest różnica między int a podwójnym w C# Justyna Flak Programowanie C Co oznacza „/=” w programowaniu C? Albert Szcześniak Siły sprzedaży Salesforce Apex - wyzwalacze Pani Żaneta Pakuła