Acest articol vă va oferi o cunoaștere detaliată și cuprinzătoare a tabelelor HTML. Diferitele etichete și formatări care pot fi realizate.
De la începuturile tehnologice, un tabel este un mod comun de stocare și vizualizare a datelor. Este utilizat în aproape toate câmpurile pentru prezentarea informațiilor text și a datelor numerice în care puteți compara cu ușurință două sau mai multe elemente. În acest articol, voi discuta Tabelele din următoarea ordine:
În cuvinte simple, un tabel este o colecție de date conexe care constă din rânduri și coloane. Acum, după cum știm, HTML este un limbaj de marcare standard pentru crearea paginilor web și afișarea acestuia într-un browser web. Deci, crearea și lucrul cu tabele devine o sub-abilitate importantă pentru a stăpâni HTML. În acest blog, vom învăța cum să lucrăm cu tabele în HTML.
etichetă. Datele sau celula din tabel sunt definite folosind
etichetă.
Etichete de tabel HTML
Să ne uităm mai întâi la lista etichetelor HTML utilizate pentru a crea tabele. Mai târziu, vom continua în acest blog, vom învăța cum să le folosim cu ajutorul exemplelor.
: Folosit pentru a defini un tabel
: Folosit pentru a defini o celulă de antet într-un tabel
: Folosit pentru a defini un rând într-un tabel
: Folosit pentru a defini o celulă dintr-un tabel
:Folosit pentru a defini legenda unui tabel
:Folosit pentru a specifica un grup de una sau mai multe coloane într-un tabel pentru formatare
: Folosit pentru a specifica proprietățile coloanei pentru fiecare coloană dintr-un element
:Folosit pentru a grupa conținutul antetului într-un tabel
: Folosit pentru a grupa conținutul corpului într-un tabel
: Folosit pentru a grupa conținutul subsolului într-un tabel
Acum, să analizăm exemplul de cod HTML pentru a crea un tabel.
Nume
Vârstă
Abhishek
18
Bob
2. 3
Ieșire:
Variații ale tabelului HTML
Atribute de completare celulară și spațiu celular
Există două atribute numite cellpadding și cellspacing pe care le puteți utiliza pentru a regla spațiul alb din celulele mesei. Atributul de spațiere a celulelor definește spațiul dintre celulele tabelului, în timp ce completarea celulei reprezintă distanța dintre marginile celulei și conținutul dintr-o celulă.
Spațiere celulară și acoperire celulară
Nume
Vârstă
Abhishek
cincisprezece
Bob
2. 3
Atribute Colspan și Rowspan
Atributul Colspan este folosit pentru a îmbina două sau mai multe coloane, în timp ce spatele rândurilor este folosit pentru a îmbina două sau mai multe rânduri.
HTML vă oferă pârghia de a regla înălțimea și lățimea mesei. Atributul de lățime și atributul înălțime este utilizat pentru a seta lățimea și înălțimea tabelului respectiv. Puteți să-l specificați în funcție de procentul zonei disponibile pe ecran sau din punct de vedere al pixelilor.
Lățimea și înălțimea tabelului HTML
Abhishek
cincisprezece
Bob
2. 3
Antetul tabelului, corpul și subsolul
O masă poate fi împărțită în trei secțiuni, adică un antet, un corp și un subsol. Antetul și subsolul sunt similare cu antetul și subsolul într-un document Word care rămâne comun pentru fiecare pagină, în timp ce corpul conține conținutul principal.
tag-ul creează un antet de tabel separat, undeeastag creează un subsol de tabel separat. etichetele conțin corpul tabelului.
De asemenea, puteți seta un fundal de masă. Bgcolor atributul setează culoarea de fundal pentru întregul tabel, precum și pentru o celulă, în timp ce atributul de fundal setează o imagine de fundal pentru întregul tabel, precum și doar pentru o celulă.
Eticheta de subtitrare servește drept titlu sau explicație pentru tabelul care este afișat în partea de sus a tabelului.
Fundalul tabelului HTML
Legenda tabelului
Coloana 1
Coloana 2
Coloana 3
Rândul 1 Celula 1
Rândul 1 Celula 2
Rândul 1 Celula 3
Rândul 2 Celula 2
Rândul 2 Celula 3
Rândul 3 Celula 1
Cu aceasta ajungem la sfârșitul acestui articol. Acum, după executarea fragmentelor de mai sus, ați fi înțeles cum să creați tabele în HTML. Sper că acest blog vă este informativ și cu valoare adăugată.
Verificațide Edureka, o companie de învățare online de încredere, cu o rețea de peste 250.000 de elevi mulțumiți răspândiți pe tot globul.Instruirea pentru certificarea dezvoltării web vă va ajuta să învățați cum să creați site-uri web impresionante folosind HTML5, CSS3, Twitter Bootstrap 3, jQuery și API-urile Google și să îl implementați în Amazon Simple Storage Service (S3)
Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii a acestui articol și vă vom răspunde.
