”Tag. Jednak większość początkujących twórców stron internetowych uważa, że jest to jedyny sposób na utworzenie tabeli w HTML. Ale możliwe jest również utworzenie tabeli za pomocą „tylko””Tagi w HTML i zastosowanie właściwości stylu CSS na treści DIV.
Ten post zawiera pełne rozwiązanie, jak utworzyć tabelę za pomocą tylko „”Tag i właściwości CSS.
Jak utworzyć tabelę za pomocą tagu i CSS?
Deweloperzy mogą utworzyć tabelę w HTML, dodając główną „”Tag, aby utworzyć tabelę, a następnie wiele„„Tagi w nim.
Przykład Rozważ następujący przykład kodu HTML, aby utworzyć tabelę:
ID Nazwa Wiek
001 Kowal 25
002 Jan 31
003 Charles 28
W powyższym fragmencie kodu:
A "”Tag jest dodawany do klasy o nazwie„Divtable".
W środku "div„Element kontenerowy, dodaj kolejny„div„Element kontenera z klasą zadeklarowaną jako„Headerrow".
Ponownie dodaj trzy „div„Elementy, w których nazywane są klasy”Majo”Z trzema podjemnikami z„Divcell" klasa.
Następnie dodaj trzy elementy Div dodaj „ID”,„Nazwa" I "Wiek„W rzędu nagłówka stołu.
Następnie określ wartości dla „ID”, „Nazwa” i „Wiek” dla każdego elementu DIV.
Chodziło o to, jak korzystać z „div„Element do utworzenia tabeli. Teraz zastosujmy do niego właściwości CSS:
Dodaj selektor, który odnosi się do „Divtable”(Który zawiera wszystkie wartości tabeli) i definiuje pożądane właściwości CSS (i.mi., "wyświetlacz”,„szerokość”,„kolor tła”,„granica" I "Obramowanie graniczne”) Dla zawartości tabeli.
Następnie dodaj selektor klas, który wybiera elementy „Majo„Klasa, aby dodać CSS”szerokość" I "wyświetlacz„Właściwości elementów.
Na koniec dodaj właściwości stylu CSS do elementów w „.Divcell”Selektor klasy.
To utworzy tabelę w wyjściu i wyświetli następujące wyniki:
Chodziło o tworzenie tabeli w HTML za pomocą tylko tagów i właściwości CSS.
Wniosek
Tabela w HTML może być również tworzona tylko za pomocą właściwości DIV i właściwości stylu CSS. Aby to zrobić, utwórz osobny główny element kontenera Div, aby utworzyć tabelę i niektóre oddzielne elementy kontenera Div w środku, aby utworzyć rzędy tabeli. Każdy element kontenera Div będzie miał odpowiedni identyfikator lub klasy. Ponadto selektory klas są używane do wyboru elementów DIV i zastosowania do nich właściwości CSS. Ten post prowadził o utworzeniu tabeli tylko za pomocą Tagu Div i CSS.
