Nettdesignere kan tilpasse sideoppsett ved bruk av nestede tabeller ved å designe større og mindre tabeller med forskjellige cellestørrelser, slik at hver enkelt viser enten tekst, grafikk eller begge deler. Mer spesielt aktiverte nestede tabeller i kolonneoppsett på websider uten bruk av irriterende rammer.
Dette innlegget vil oppgi:
Hvordan lage/lage et bord i HTML?
Hvordan lage et nestet bord i HTML?
Hvordan lage/lage et bord i HTML?
For å designe et bord i HTML, “
”Tag brukes. Så prøv de uttalte instruksjonene.
Trinn 1: Lag en div container
Opprinnelig lage en div -container ved å distribuere “”Element og legg til en ID -attributt med et spesifikt navn i henhold til ditt valg.
Trinn 2: Legg til overskrift
Deretter bruker du overskriftskoden fra "" til "”For å legge til en overskrift inne i Div Container. For dette formålet har vi brukt “H1”Heading -tag og innebygd tekst i åpnings- og lukkekoden til“ H1 ”.
Trinn 3: Lag tabell
For å lage en tabell i HTML, sett inn en “
”Merk og legg til en klasse inne i tabellmerket med et spesifikt navn. Legg deretter til de nedenfor-listede elementene mellom tabellmerker:
“
”Brukes for å definere radene i tabellen.
“
”Element brukes til å legge til dataene i tabellen.
For å gjøre det, legg inn tekstdataene i mellom
:
Linuxhint Tutorial nettsted
Første organisasjon
Andre organisasjon
Tredje organisasjon
Fjerde organisasjon
Som et resultat er det opprettet en enkel bord i HTML med hell:
Trinn 4: Style Div Container
For å style Div Container, får du først tilgang til den ved hjelp av "#hovedinnhold”Og bruk CSS -styling i henhold til din preferanse:
I dette tilfellet har vi brukt “grense”,“polstring”, Og“bakgrunnsfarge" egenskaper. “bakgrunnsfarge”Eiendom bestemmer fargen på baksiden av det definerte elementet.
Trinn 6: Bruk styling på bordrader og kolonner
Få tilgang til “bord”, Sammen med rader“tr”Og data”td”:
tabell tr td Grense: 3px solid grønn;
Deretter bruker du “grense”CSS -egenskap for å legge til grensen rundt tabellrader og celler.
Produksjon
Gå mot neste avsnitt hvis du vil gjøre bordet nestet.
Hvordan lage/lage et nestet bord i HTML?
For å lage et nestet bord i HTML, lag først et bord med "
”Element og definere rader inne i bordet. Deretter legger du til “
”Element for å legge til dataene i dataene. Inne i "
”Åpnings- og lukkingsmerke, sett inn”
”For å lage et nestet bord inne i bordet.
For praktiske implikasjoner må du prøve instruksjonene som er angitt nedenfor.
Trinn 1: Lag “div” container
Først må du lage en beholder ved hjelp av "”Med en klasseattributt inne i Div -taggen.
Trinn 2: Sett inn overskrift
Deretter legger du til en overskrift ved å bruke "”Tag og legg inn tekst mellom taggen.
Trinn 3: Lag bord
Lag et bord ved hjelp av "
”Merk og legg til“
”Og“
”.For å legge til teksten inne i tabellen.
Trinn 4: Lag et nestet bord
Inne i "
”Element, definere en annen”
”Element for å lage et nestet bord i hovedbordet. Etter det, legg til data etter ditt behov:
Linuxhint Tutorial nettsted
Første organisasjon
Andre organisasjon
Ansatt 1
Ansatt 2
Ansatt 3
Ansatt 4
Tredje organisasjon
Fjerde organisasjon
Ansatt 1
Ansatt 2
Ansatt 3
Ansatt 4
Merk: Brukere kan legge til så mange tabeller som de kan inne i
element i hovedtabellen.
Det kan sees i følgende utgang at det nestede bordet er opprettet med suksess:
Trinn 4: Stil nestet bord
Få tilgang til det nestede bordet ved å bruke ID med velgeren. I vårt tilfelle å få tilgang til bordet ved å bruke “#Nestet-bord”Og bruk styling ved hjelp av CSS -egenskaper:
Vi har brukt “grense”,“farge”, Og“bakgrunnsfarge”Egenskaper og setter verdien i henhold til ønsket på det nestede bordet.
Produksjon
Det handlet om å lage et nestet bord i HTML.
Konklusjon
For å lage et nestet bord i HTML, lag først et bord ved å bruke "
" stikkord. Definer deretter radene ved hjelp av "
”Merk og legg til data ved å bruke“
”. Etter det, inne i “
”Tag, lag en annen tabell ved å prøve den samme metoden. Brukere kan også bruke CSS -egenskaper for styling av bordet og nestet bord. Dette innlegget demonstrerte metoden for å lage det nestede bordet i HTML.
