Šis straipsnis suteiks jums išsamią ir išsamią HTML lentelių žinias. Įvairios žymos ir formatavimas, kuriuos galima atlikti.
Nuo pat technologinės veiklos pradžios lentelė yra įprastas duomenų saugojimo ir vizualizavimo būdas. Jis naudojamas beveik visuose laukuose pateikiant tekstinę informaciją ir skaitinius duomenis, kuriuose galite lengvai palyginti du ar daugiau elementų. Šiame straipsnyje aptarsiu Lentelės tokia tvarka:
Paprasčiau tariant, lentelė yra susijusių duomenų rinkinys, kurį sudaro eilutės ir stulpeliai. Dabar, kai žinome, HTML yra standartinė žymėjimo kalba, skirta kurti tinklalapius ir rodyti juos žiniatinklio naršyklėje. Taigi, lentelių kūrimas ir darbas su jais tampa svarbiu HTML įgūdžių įsisavinimu. Šiame tinklaraštyje sužinosime, kaip dirbti su lentelėmis HTML.
Norėdami apibrėžti HTML lentelę, mes naudojame
žyma. Viduje
žymą, pirmiausia apibrėžkite lentelės eilutes naudodami
žyma. Tada apibrėžkite lentelės antraštes
žyma. Duomenys arba langelis lentelėje apibrėžiami naudojant
Pirmiausia pažvelkime į HTML žymų, naudojamų lentelėms kurti, sąrašą. Vėliau žengdami į priekį šiame tinklaraštyje, sužinosime, kaip jais naudotis, pasitelkiant pavyzdžius.
: Naudojamas apibrėžti lentelę
: Naudojamas antraštės langeliui lentelėje apibrėžti
: Naudojamas lentelės eilutei apibrėžti
: Naudojamas lentelės langeliui apibrėžti
:Naudojamas apibrėžti lentelės antraštę
:Naudojamas nurodyti vieno ar daugiau stulpelių grupę lentelėje, kad būtų galima formatuoti
: Naudojama nurodyti kiekvieno stulpelio elemento stulpelio ypatybes
:Naudojamas antraštės turiniui grupuoti lentelėje
: Naudojamas kūno turiniui grupuoti lentelėje
: Naudojamas poraštės turiniui grupuoti lentelėje
Dabar, norėdami sukurti lentelę, pažvelkime į HTML kodo pavyzdį.
vardas
Amžius
Abhišekas
18
Bobas
2. 3
Išvestis:
HTML lentelės variantai
„Cellpadding“ ir „Cellspacing“ atributai
Yra du atributai, vadinami „cellpadding“ ir „cellspacing“, kuriuos galite naudoti norėdami sureguliuoti baltą vietą lentelės langeliuose. „Cellspacing“ atributas apibrėžia erdvę tarp lentelės langelių, o „cellpadding“ nurodo atstumą tarp langelio ribų ir langelio turinio.
Langelių erdvė ir langelių užpildymas
vardas
Amžius
Abhišekas
penkiolika
Bobas
2. 3
„Colspan“ ir „Rowspan“ atributai
„Colspan“ atributas naudojamas sujungti du ar daugiau stulpelių, o eilučių intervalai naudojami sujungti dvi ar daugiau eilučių.
„Colspan“ ir „Rowspan“
Partija
vardas
Amžius
Kompiuterija
Abhišekas
penkiolika
Bobas
2. 3
Pertrauka
Stalo aukštis ir plotis
HTML suteikia jums galimybę reguliuoti stalo aukštį ir plotį. Atributas „plotis“ ir „aukštis“ naudojami norint nustatyti lentelės plotį ir aukštį. Galite nurodyti jį pagal ekrane galimo ploto procentą arba pagal pikselius.
HTML lentelės plotis ir aukštis
Abhišekas
penkiolika
Bobas
2. 3
Lentelės antraštė, korpusas ir poraštė
Lentelę galima suskirstyti į tris dalis, ty antraštę, kūną ir poraštę. Antraštė ir poraštė yra panašios į antraštę ir poraštę „Word“ dokumente, kuris lieka įprastas kiekviename puslapyje, o pagrindiniame turinyje yra pagrindinis turinys.
žymė sukuria atskirą lentelės antraštę, o kur žymeklis sukuria atskirą lentelės poraštę. žymose yra lentelės turinys.
Taip pat galite nustatyti lentelės foną. Bgcolor atributas nustato visos lentelės ir vienos langelio fono spalvą, o fonas atributas nustato visos lentelės ir tik vienos langelio fono vaizdą.
Antraštės žyma naudojama kaip lentelės viršuje rodomos lentelės pavadinimas arba paaiškinimas.
HTML lentelės fonas
Lentelės antraštė
1 stulpelis
2 stulpelis
3 stulpelis
1 eilutės langelis 1
1 eilutės 2 langelis
1 eilutės 3 langelis
2 eilutės 2 langelis
2 eilutės 3 langelis
3 eilutės 1 langelis
Tuo mes baigiame šį straipsnį. Dabar, atlikę pirmiau pateiktus fragmentus, būtumėte supratę, kaip sukurti lenteles HTML. Tikiuosi, kad šis tinklaraštis yra informatyvus ir suteikia jums pridėtinės vertės.
Patikrinkitesukūrė patikima internetinė mokymosi įmonė „Edureka“, turinti daugiau nei 250 000 patenkintų besimokančiųjų tinklą visame pasaulyje.Žiniatinklio kūrimo sertifikavimo mokymai padės jums sužinoti, kaip sukurti įspūdingas svetaines naudojant HTML5, CSS3, „Twitter Bootstrap 3“, „jQuery“ ir „Google“ API ir pritaikyti ją „Amazon Simple Storage Service“ (S3).
Turite mums klausimą? Prašau paminėti tai šio straipsnio komentarų skyriuje ir mes su jumis susisieksime.