" stikkord. Imidlertid tror de fleste nybegynnere nettutviklere at dette er den eneste måten å lage en tabell i HTML. Men det er også mulig å lage en tabell ved å bruke bare "”Tagger i HTML og anvendelse av CSS -stilegenskaper på DIV -innholdet.
Dette innlegget vil gi en fullstendig løsning på hvordan du lager en tabell ved å bruke bare “”Tag og CSS -egenskaper.
Hvordan lage tabell gjennom tag og CSS?
Utviklerne kan lage en tabell i HTML ved å legge til en hoved "”Tag for å lage en tabell og deretter flere“”Tagger inni den.
Eksempel Tenk på følgende HTML -kodeeksempel for å lage en tabell:
Id Navn Alder
001 Smith 25
002 John 31
003 Charles 28
I kodebiten over:
En "”Tag blir lagt til med klassen som heter“Divtable”.
Inne i "div”Containerelement, legg til et annet“div”Containerelement med klassen erklært som“headrrow”.
Igjen, legg til tre “div”Elementer som har klassene som heter“Divrow”Med tre underbeholdere med“Divcell”Klasse.
Deretter legger du til tre divelementer til å legge til "Id”,“Navn”Og“Alder”I topptabellen på tabellen.
Etter det, spesifiser verdiene for "id", "navn" og "alder" for hvert DIV -element.
Dette handlet om hvordan du bruker “div”Element for å lage en tabell. La oss nå bruke CSS -egenskapene på det:
.Divtable
Display: tabell; Bredde: Auto; bakgrunnsfarge: #EEE; Grense: 1px fast nr. 666666; grense-avstand: 5px;
Legg til en velger som refererer til “Divtable”(Som inneholder alle tabellverdiene) og definerer de ønskede CSS -egenskapene (i.e., “vise”,“bredde”,“bakgrunnsfarge”,“grense”Og“grense-avstand”) For bordinnholdet.
Etter det, legg til en klassevelger som velger elementene i "Divrow”Klasse for å legge til CSS”bredde”Og“vise”Egenskaper til elementene.
Til slutt, legg til CSS -stilegenskapene til elementene i “.Divcell”Klassevelger.
Dette vil lage en tabell i utgangen og vil vise følgende resultater:
Det handlet om å lage et bord i HTML ved å bruke bare tagger og CSS -egenskaper.
Konklusjon
En tabell i HTML kan også opprettes gjennom bare DIV -taggen og CSS -stilegenskapene. For å gjøre det, lag et eget hoveddivcontainerelement for å lage tabellen og noen separate div containerelementer inne i det for å lage radene på tabellen. Hvert DIV -beholderelement vil ha sin respektive ID eller klasser. Dessuten brukes klassens utvalgere til å velge DIV -elementene og for å bruke CSS -egenskapene på dem. Dette innlegget guidet om å lage en tabell bare ved hjelp av DIV -taggen og CSS.
