Tabelele HTML oferă un instrument puternic pentru prezentarea datelor pe site-ul dvs. web. Dar stăpânirea lor depășește doar rândurile și coloanele. Acest articol servește ca dvs ghid suprem pentru a debloca potențialul tabelelor HTML, trecând dincolo de elementele de bază .
Cerințe preliminare: Introducere HTML
Cuprins
- Ce este HTML Tables?
- Tabel HTML – Exemplu de cod
- Etichete utilizate în tabelele HTML
- Adăugarea unui chenar la un tabel HTML
- Adăugarea de umplutură de celule într-un tabel HTML
- Adăugarea titlurilor de aliniere la stânga într-un tabel HTML
- Adăugarea de spațiere a marginilor într-un tabel HTML
- Adăugarea de celule care se întind pe mai multe coloane în tabelele HTML
- Adăugarea unei culori de fundal la tabel
- Crearea tabelelor imbricate
Ce este HTML Tables?
Un tabel HTML este un aranjament de date în rânduri și coloane în format tabelar. Tabelele sunt utile pentru diferite sarcini, cum ar fi prezentarea de informații text și date numerice. Un tabel este un instrument util pentru a găsi rapid și ușor conexiuni între diferite tipuri de date. Tabelele sunt, de asemenea, folosite pentru a crea baze de date.
Exemplu de cod de tabel HTML
HTML
prenume> Nume> Ageth> tr> Priyatd> Sharmatd> 24td> tr> Aruntd> Sightd> 32td> tr> Samtd> Watsontd> 41td> tr> table> body> html>>> Ieșire:
Tabel HTML simplu
Etichete utilizate în tabelele HTML
ca etichetă finală.Sintaxă
Content...>
Rânduri de tabel
Rândurile pot fi formate cu ajutorul combinației de celule de tabel. Este notat cu
și etichetați ca etichete de început și de sfârșit.
Sintaxă
Content...>
Anteturi de tabel
Anteturile sunt în general folosite pentru a furniza titlul. Anteturile tabelului pot fi, de asemenea, folosite pentru a adăuga titlul la tabel. Acesta conține
Etichete.Sintaxă
Content...>
Exemplul 1: Crearea unui tabel simplu în HTML folosind o etichetă de tabel.
HTML
Numele cărții> Numele autorului> Genreth> tr> Hotul de carted> Markus Zusaktd> Fictiune istoricatd> tr> Crudul Princetd> Holly Blacktd> Fantasytd> tr> Pacientul tăcuttd> Alex Michaelidestd> Fictiune psihologicatd> tr> table> body> html>> Ieșire:
Tabel HTML
Adăugarea unui chenar la un tabel HTML
Un chenar este setat folosind proprietatea CSS border. Dacă nu specificați un chenar pentru tabel, acesta va fi afișat fără margini.
exemple de arbori binari
Sintaxă
table, th, td { border: 1px solid black; }> Exemplu : Adăugarea marginii la tabelul HTML.
HTML
