HTML -tabeller

Tabeller er en god kilde til formatering av dataene dine for å gjøre dem presentabel/forståelig. HTML lar deg lage tabeller for en webside ved hjelp av HTML -elementer. HTML -tabellene forbedrer estetikken på websiden og lar deg organisere dataene dine. Vi har samlet denne guiden for å lære deg om HTML -tabeller, hvordan de fungerer og hvordan de kan opprettes. Så la oss starte her:

Hvordan bord opprettes

HTML støtter lang liste over elementer som hjelper til med å utføre forskjellige oppgaver. De grunnleggende byggesteinene til HTML -tabeller er , , og . Funksjonaliteten til HTML -tabeller kan imidlertid utvides ved å bruke elementer som for eksempel , , , , og mange flere. Alle disse elementene blir forklart her en etter en.

• : kjent som bord-header og kan brukes der du vil ha et overskriftselement
• : kjent som tabelldata og den opptar en celle i en tabell
• : En komplett rad er definert ved hjelp av dette elementet
• : definerer bildeteksten til tabellen
• : Kolonnene kan grupperes for å bruke spesifikk formatering
• Egenskapen til en kolonne er spesifisert ved hjelp av dette elementet
• : pleide å gruppere toppcellene
• : Lag en gruppe celler for å definere bunnteksten
• : Det består av forskjellige kolonner/rader. Det brukes etter element og før element.

Hvordan lage HTML -tabeller

Taggene beskrevet i delen ovenfor er de viktigste interessentene i å lage HTML -tabeller. Denne delen utøver disse taggene i forskjellige scenarier for å definere HTML -tabeller:

Eksempel 1: Koden skrevet nedenfor bruker , , og Tagger for å definere en HTML -tabell.

Navn	Betegnelse	Erfaring
Sam	sjef	1 år
Kane	Forfatter	6 måneder

I koden ovenfor,

• en Tag er definert
  en tabell-rad-tag
  brukes til å definere hodecellene
  den andre
  Tagger brukes til å sette inn data ved hjelp av

  element I tillegg har vi anvendt eiendommer , Tag og hver rad inneholder fire celler. Produksjon: Ovennevnte utgang viser at "COL -stilen" brukes på alle kolonnene, mens "COL -spennet" praktiseres på 3. og fjerde kolonner. Eksempel 3: Her har vi øvd på taggene , , og ved siden av de essensielle kodene i.e., . , og I stilkoden. Produksjon: Eksempel 2: I motsetning til eksemplet ovenfor, har vi brukt noen ekstra tagger som, og . Linuxhint Navn Betegnelse Alder Erfaring Sam sjef 20y 2 måneder Kane Forfatter 30y 1 år Ovennevnte kode er beskrevet som, Elementet brukes til å øve attributter for slik som spenn og stil. Spennet blir med på antall kolonner som er spesifisert av brukeren (som i vårt tilfelle det er 2). Bakgrunnsfargen på første og andre kolonne er henholdsvis "Beige" og "Lightseagreen", mens 3. og fjerde kolonner ville ha "Lightgreen" -bakgrunn Elementet definerer bildeteksten til tabellen, og det er satt til her To rader er erklært ved hjelp av , og Linuxhint Sr. Nei Navn Betegnelse 1 Sam sjef 2 Kane Forfatter SLUTT Koden er beskrevet som, grensestilen til	,	, og er satt til solid Taggen brukes til å omslutte den første raden som et hode Etter det er tabelldataene plassert i stikkord Til slutt definerer IS -bunntekstdelen av tabellen Bordteksten leveres ved hjelp av taggen Produksjon: Bildeteksten til bordet er øverst på bordet til , , og vises i utgangen. Fra de ovennevnte eksemplene ville du ha lært å lage en HTML-tabell. Konklusjon HTML -tabeller jobber for å organisere dataene på en presentabel måte. For å jobbe med HTML -tabeller, må du lære funksjonaliteten til forskjellige HTML -koder. Vi har samlet denne guiden for å gi den grunnleggende informasjonen om HTML -tabeller og gitt listen over koder som hjelper deg med å lage HTML -tabeller. « HTML semantiske elementer Tekstdekorasjonseiendom i CSS » Golang Hva er konstanter i Golang? På GO -språket er konstanter variabler med faste verdier som ikke kan endres under utførelse av prog... Oskar Fossum 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 C ++ Hva er minneadresse i C ++ og hvordan du finner den? En minneadresse er plasseringen av en variabel i RAM der dataene er lagret og den kan finnes i C ++ ... Elias Aalerud Aasen Python Python ring statisk metode innen klassen Martin Berge Docker Hvordan er volumene definert i Docker Compose Yaml? Tobias Andresen Salesforce Salesforce Data Loader Elias Krogh Svendsen Linux -kommandoer Hvordan få versjonen av CUDA installert på Linux Simen Ødegård PHP Hvordan du bruker array_reverse -funksjon i php Jørgen Christiansen Java Hvordan bruke byte nøkkelord i java Simen Ødegård Java Hvordan konvertere et kart til en streng i Java? Mathias Halvorsen Docker Hvordan kan jeg liste opp alle Docker -kommandoer? Alexander Sørlie PHP Hvordan bruke PHP RAND -funksjon Oskar Fossum Golang Hvordan trimme en streng i Golang Anders Fjeld Moe