HTML -tabell TR inne i TD

Anders Fjeld Moe
HTML -tabell TR inne i TD

I HTML er tabellene designet for å arrangere for omfattende eller komplekse data og er fullt representert i avsnittet. Det gjør det mulig for leseren å se funnene raskt. I tillegg kan tabeller brukes til å fokusere på utvikling eller mønstre innen informasjonen og for å øke tilgjengeligheten til en artikkel ved å ekskludere tekstbasert kvantitativ informasjon.

Dette innlegget forklarer metoden for å lage tabellen "" inne i "”Element.

Hvordan lage en tabell “" Innsiden "”?

Å lage en tabell “" inne i "”Lag først et bord med en“

”Element. Da, inne i “" stikkord.

For praktiske implikasjoner, prøv den uttalte prosedyren.

Trinn 1: Lag en "div" -beholder

Først, bruk "”Element for å lage en div container. Sett også inn en "id”Eller klasseattributt med et bestemt navn. I dette tilfellet tildeles ID -attributtet verdien “innhold”.

Trinn 2: Lag en tabell

Deretter lager du et bord ved hjelp av "

”Element, definer tabellrader ved å bruke“
" stikkord. Videre sett inn tabellrader ved å bruke “”Element og data med“" Innsiden "" stikkord. Ved å følge den samme prosedyren angitt ovenfor:


”.

Trinn 3: Legg til “

" stikkord

Inne i TD -elementet, sett inn en annen rad ved hjelp av “
















Første organisasjonAndre organisasjon
Tabellrekke inne i tabelldataene
Tabellrekke inne i tabelldataene
Tredje organisasjon Fjerde organisasjon

Produksjon

Hvordan style bordet “" innsiden "”?

Å style bordet “" innsiden "”, Brukere kan bruke de forskjellige CSS -egenskapene. For å gjøre det, følg den gitte prosedyren.

Trinn 1: Bruk CSS -styling på "innhold" -beholderen

Få tilgang til “div”Container ved å bruke“id”Verdi, som er“innhold”, Og bruk følgende CSS -egenskaper:

#innhold
Grense: 4px Solid RGB (8, 50, 238);
Farge: RGB (243, 152, 15); bakgrunnsfarge: RGB (194, 240, 241);
Margin: 30px 50px;
polstring: 30px;

Her:

  • “grense”Definerer en grense rundt elementet.
  • “farge”Brukes til å spesifisere fargen på den ekstra teksten i elementet i henhold til den tildelte verdien.
  • “margin”Tildeler rommet rundt elementets grense.
  • “polstring”Legger plass rundt elementet inne i grensen.

Trinn 2: Bruk grensen rundt borddata

Tilgang "bord”Og“td”I CSS:

Tabell TD
Grense: 3px Groove Green;

Bruk grensen CSS -egenskapen for å spesifisere grensen rundt tabelldataene.

Produksjon

Trinn 3: Stil “TR” inne i “TD”

Nå, stil "tr”Som er definert i“td”Ved å bruke klassenavnet med DOT -velgeren som“.Tabell-rad”:

.tabell-rad> td
polstring: 10px;
Grense: 3px prikket RGB (233, 64, 12);
Farge: RGB (15, 15, 15);

Her kan du bruke CSS -egenskapene i henhold til ditt valg. I vårt tilfelle "polstring”,“grense”, Og“farge”Brukes til å style tabellradene i tabelldataene.

Fra den gitte utgangen kan det observeres at vi har lagt til “" innsiden "”Og stylet det deretter:

Det handler om å legge til og style bordet TR inne i TD.

Konklusjon

For å sette inn tabellen TR inne i TD, lag først en tabell ved å bruke "

" stikkord. Deretter spesifiser "”Og“”For å legge til rader inne i tabelldataene og style dem ved å bruke CSS -egenskaper. Dette innlegget har forklart om å legge til tabellen TR inne i TD.

C programmering
Hva er forskjellen mellom = og == operatører i C -programmering?
= Operatøren brukes til å tilordne en verdi til en variabel, mens == operatøren sammenligner to vari...
Elias Aalerud Aasen
PHP
Hva er OOP -abstrakt klasse i PHP?
I PHP er en abstrakt klasse en klasse som ikke kan bli instantiert på egen hånd, men i stedet funger...
Anders Fjeld Moe
PHP
Hva er et grensesnitt i objektorientert PHP
Grensesnitt definerer et standard sett med handlinger som forskjellige klasser kan bruke for å konst...
Oskar Fossum
”Inne i bordet. Etter det, inne i “”Tag, Sett inn”