Ovaj će vam članak pružiti detaljno i sveobuhvatno poznavanje HTML tablica. Razne oznake i formatiranje koje se mogu obaviti.
Od tehnološkog početka, tablica je uobičajeni način pohrane i vizualizacije podataka. Koristi se u gotovo svim poljima za predstavljanje tekstualnih podataka i numeričkih podataka u kojima možete lako usporediti dva ili više elemenata. U ovom ću članku raspravljati Tablice u sljedećem redoslijedu:
Jednostavnim riječima, tablica je skup povezanih podataka koji se sastoji od redaka i stupaca. Kao što znamo, HTML je standardni jezik za označavanje za stvaranje web stranica i njegovo prikazivanje u web pregledniku. Dakle, stvaranje i rad s tablicama postaje važna podsvještina za svladavanje HTML-a. Na ovom blogu naučit ćemo kako raditi s tablicama u HTML-u.
Za definiranje HTML tablice koristimo
označiti. Iznutra
oznaku, prvo definirate retke tablice s
označiti. Dalje, definirate zaglavlja tablica u
označiti. Podaci ili ćelije u tablici definiraju se pomoću
označiti.
Oznake HTML tablice
Pogledajmo prvo popis HTML oznaka korištenih za stvaranje tablica. Kasnije napredujući na ovom blogu, naučit ćemo kako ih koristiti uz pomoć primjera.
: Koristi se za definiranje tablice
: Koristi se za definiranje zaglavne ćelije u tablici
: Koristi se za definiranje retka u tablici
: Koristi se za definiranje ćelije u tablici
:Koristi se za definiranje naslova tablice
:Koristi se za određivanje grupe jednog ili više stupaca u tablici za formatiranje
: Koristi se za specificiranje svojstava stupaca za svaki stupac unutar elementa
:Koristi se za grupiranje sadržaja zaglavlja u tablici
: Koristi se za grupiranje sadržaja tijela u tablici
: Koristi se za grupiranje sadržaja podnožja u tablici
Pogledajmo sada uzorak HTML koda za stvaranje tablice.
Ime
Dob
Abhishek
18
Bobe
2. 3
Izlaz:
Varijacije HTML tablice
Atributi Cellpadding-a i prostornog razmaka
Postoje dva atributa koja se nazivaju pad stanica i razmak stanica pomoću kojih možete prilagoditi razmak u stanicama tablice. Atribut Cellpacing definira prostor između stanica tablice, dok pad stanica predstavlja udaljenost između granica stanice i sadržaja unutar ćelije.
Prostor ćelija i dodavanje ćelija
Ime
Dob
Abhishek
petnaest
Bobe
2. 3
Atributi Colspan i Rowspan
Atribut Colspan koristi se za spajanje dva ili više stupaca, dok se rasponi redova koriste za spajanje dva ili više redaka.
Colspan & Rowspan
Šarža
Ime
Dob
Računalne znanosti
Abhishek
petnaest
Bobe
2. 3
Pauza
Visina i širina stola
HTML vam daje poticaj za podešavanje visine i širine tablice. Atribut širine i atribut visine koristi se za postavljanje širine i visine tablice. Možete ga odrediti prema postotku površine dostupne na zaslonu ili prema pikselima.
Tablica se može podijeliti u tri odjeljka, tj. Zaglavlje, tijelo i podnožje. Zaglavlje i podnožje slični su zaglavlju i podnožju u word dokumentu koji ostaje uobičajen za svaku stranicu, dok tijelo sadrži glavni sadržaj.
Oznaka stvara zasebno zaglavlje tablice, a whereastag stvara zasebno podnožje tablice. oznake sadrže tijelo tablice.
Također možete postaviti pozadinu tablice. Bgcolor Atribut postavlja boju pozadine za cijelu tablicu, kao i za jednu ćeliju, dok atribut background postavlja pozadinu za cijelu tablicu, kao i samo za jednu ćeliju.
Oznaka opisa služi kao naslov ili objašnjenje tablice koja je prikazana na vrhu tablice.
Pozadina HTML tablice
Naslov tablice
Stupac 1
Stupac 2
Stupac 3
Red 1 Stanica 1
Red 1, ćelija 2
Red 1, ćelija 3
Red 2, ćelija 2
Red 2, ćelija 3
Redak 3, ćelija 1
Ovim smo došli do kraja ovog članka. Sada biste nakon izvršavanja gornjih isječaka razumjeli kako stvoriti tablice u HTML-u. Nadam se da je ovaj blog informativan i da vam dodaje dodanu vrijednost.
PogledajteEdureka, pouzdane tvrtke za internetsko učenje s mrežom od više od 250 000 zadovoljnih učenika raširenih širom svijeta.Obuka za certificiranje web razvoja pomoći će vam naučiti kako stvoriti impresivne web stranice pomoću HTML5, CSS3, Twitter Bootstrap 3, jQuery i Google API-ja i rasporediti ih na Amazon Simple Storage Service (S3).
Imate pitanje za nas? Molimo vas da ga spominjete u odjeljku za komentare ovog članka i mi ćemo vam se javiti.