Tabeller brukes til å organisere dataene på en lesbar måte. De har et diagramlignende oppsett for å vise data, for eksempel statistikk, bilder og mer. I HTML opprettes tabellen ved hjelp av “
”Element, og“”Tag brukes til å legge inn bildet i et dokument. De mest betydningsfulle attributtene som brukes i “" -merket er ”alt”Og“src”.
Denne oppskrivningen vil forklare en prosedyre for å legge til et bilde inne i tabellcellen i HTML.
Hvordan legge til et bilde i tabellcellen i HTML?
HTML “”Tag brukes til å sette inn et bilde i en tabellcelle.
Syntaks
Følg syntaksen for å legge inn et bilde i tabellcellen:
Her:
“
”Element indikerer tabellcellen der bildet må legges til.
“”Tag brukes til å spesifisere bildet.
“src”Attributt angir bildens vei.
“alt”Begynner teksten som vises på skjermen i tilfelle bildet ikke klarer å laste.
“bredde”Bestemmer bildets bredde.
Eksempel
I HTML -filen oppretter du en tabell ved å følge de medfølgende instruksjonene:
“
”Element brukes til å lage en tabell.
“
”Element spesifiserer en rad.
“
”Justerer en overskrift der“Colspan”Eiendom betyr hvor mange kolonner en celle skal dekke.
“
”Oppretter tabellceller for data. “”Tagger med de nødvendige attributtene settes inn i denne taggen for å legge inn bildene i en tabellcelle:
Frukt og grønnsaker
Navn
Bilde
Frukt/grønnsak
eple
Frukt
Gulrot
Grønnsak
oransje
Frukt
Det kan observeres at HTML -tabellen er blitt opprettet med suksess sammen med innebygde bilder:
CSS
Nå vil vi diskutere CSS -egenskapene som brukes til å angi utformingen av tabellen.
Stil “Tabell” -element
Først får du tilgang til “
”Element med tagnavn og bruk følgende egenskaper: Tabell tekst-align: sentrum; Bredde: 800px; Border-Collapse: kollaps; Margin: Auto; Font-størrelse: 20px;
Beskrivelsen av ovennevnte kode er gitt nedenfor:
“Tekstalign”Angir tekstjusteringen.
“bredde”Bestemmer bordets bredde.
“grensekollaps”Eiendom definerer om grensen er kollapset eller ikke.
Her, "grense”Eiendom justerer grensen rundt elementene ved å spesifisere verdiene for grensebredde, stil og farge.
Produksjon
Dette innlegget handler om å sette inn bilder i tabellcellen i HTML.
Konklusjon
For å legge til et bilde i "
”Celle, bruk“”Tag i HTML”
”Element. “” -Elementet spesifiserer “src”Attributt for å oppgi bilde -url. Mer spesifikt, for å justere bildestørrelsen, legg til "høyde”Og“bredde”Attributter i“ ”-merket. Denne bloggen har illustrert prosedyren for å legge til et bilde i HTML -tabellcellen.
