HTML -tabeller
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
: 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. HTML -tabeller 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
,
, og I stilkoden. Produksjon:
Eksempel 2: I motsetning til eksemplet ovenfor, har vi brukt noen ekstra tagger som, og .
HTML -tabeller 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
Tag og hver rad inneholder fire celler. , , og ved siden av de essensielle kodene i.e.,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 . HTML -tabeller 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.
- grensestilen til
- en tabell-rad-tag