V tem članku boste našli podrobno in celovito poznavanje tabel HTML. Različne oznake in oblikovanje, ki jih je mogoče izvesti.
Od začetka tehnologije je tabela pogost način shranjevanja in vizualizacije podatkov. Uporablja se na skoraj vseh področjih za predstavitev besedilnih informacij in numeričnih podatkov, kjer lahko enostavno primerjate dva ali več elementov. V tem članku bom razpravljal Tabele v naslednjem vrstnem redu:
Z enostavnimi besedami je tabela zbirka povezanih podatkov, ki je sestavljena iz vrstic in stolpcev. Zdaj, kot vemo, je HTML standardni označevalni jezik za ustvarjanje spletnih strani in prikaz v spletnem brskalniku. Tako ustvarjanje in delo s tabelami postane pomembna podveščina za obvladovanje HTML-ja. V tem blogu se bomo naučili delati s tabelami v HTML-ju.
Za določitev tabele HTML uporabljamo
oznaka. Notri
, najprej določite vrstice tabele z
oznaka. Nato v tabeli določite glave tabel
oznaka. Podatki ali celice v tabeli so definirane z uporabo
oznaka.
Oznake tabele HTML
Najprej si oglejmo seznam oznak HTML, ki se uporabljajo za ustvarjanje tabel. Kasneje se bomo v tem blogu naučili, kako jih uporabiti s pomočjo primerov.
: Uporablja se za definiranje tabele
: Uporablja se za definiranje celice glave v tabeli
: Uporablja se za definiranje vrstice v tabeli
: Uporablja se za definiranje celice v tabeli
:Uporablja se za definiranje naslova tabele
:Uporablja se za določanje skupine enega ali več stolpcev v tabeli za formatiranje
: Uporablja se za določanje lastnosti stolpcev za vsak stolpec v elementu
:Uporablja se za razvrščanje vsebine glave v tabelo
: Uporablja se za razvrščanje vsebine telesa v tabelo
: Uporablja se za razvrščanje vsebine noge v tabelo
Zdaj pa si oglejmo vzorčno kodo HTML za ustvarjanje tabele.
Ime
Starost
Abhishek
18.
Bob
2. 3
Izhod:
Različice tabele HTML
Atributi Cellpadding in Cellspacing
Obstajata dva atributa, imenovana padanje celic in razmik celic, s katerima lahko prilagodite presledek v celicah tabele. Atribut celičnega presledka definira prostor med celicami tabele, medtem ko celično oblogo predstavlja razdaljo med robovi celic in vsebino v celici.
Atribut Colspan se uporablja za spajanje dveh ali več stolpcev, medtem ko se razpon vrstic uporablja za spajanje dveh ali več vrstic.
Colspan & Rowspan
Serija
Ime
Starost
Računalništvo
Abhishek
petnajst
Bob
2. 3
Odmor
Višina in širina mize
HTML vam daje vzvod za prilagajanje višine in širine tabele. Atribut širine in atribut višine se uporablja za nastavitev širine in višine tabele. Določite ga lahko glede na odstotek površine, ki je na voljo na zaslonu, ali glede na slikovne pike.
Širina in višina tabele HTML
Abhishek
petnajst
Bob
2. 3
Glava, telo in noga tabele
Tabelo lahko razdelite na tri odseke, to je na glavo, telo in nogo. Glava in noga sta podobna glavi in nogi v besedilnem dokumentu, ki ostaja skupna za vsako stran, telo pa vsebuje glavno vsebino.
tag ustvari ločeno glavo tabele, kjerastag ustvari ločeno nogo tabele. Oznake vsebujejo telo tabele.
Tabela HTML z glavo, nogo in telesom
Glava tabele
Noga tabele
Ime
Starost
Oznake
Ozadja in napisi tabel
Nastavite lahko tudi ozadje tabele. Bgcolor Atribut nastavi barvo ozadja za celo tabelo in za eno celico, medtem ko atribut ozadja nastavi sliko ozadja za celo tabelo in samo za eno celico.
Oznaka napisa je naslov ali razlaga tabele, ki je prikazana na vrhu tabele.
Ozadje tabele HTML
Naslov tabele
Stolpec 1
Stolpec 2
Stolpec 3
Vrstica 1 Celica 1
Vrstica 1 Celica 2
Vrstica 1 celica 3
Vrstica 2 Celica 2
Vrstica 2, celica 3
Vrstica 3 celica 1
S tem smo prišli do konca tega članka. Zdaj po izvedbi zgornjih delčkov bi razumeli, kako ustvariti tabele v HTML-ju. Upam, da je ta spletni dnevnik informativen in dodane vrednosti za vas.
Oglejte siEdureka, zaupanja vredno podjetje za spletno učenje z mrežo več kot 250.000 zadovoljnih učencev, ki se širijo po vsem svetu.Usposabljanje za certificiranje spletnega razvoja vam bo pomagalo, da se naučite ustvariti impresivna spletna mesta z uporabo API-jev HTML5, CSS3, Twitter Bootstrap 3, jQuery in Google ter jih namestite v Amazon Simple Storage Service (S3).
Imate vprašanje za nas? Prosimo, omenite ga v oddelku za komentarje tega članka in se vam bomo javili.