Un ghid pas cu pas pentru a începe cu tabelele HTML

Tabel HTML

Prezentare generală

Web-ul este plin cu informații precum scoruri de fotbal, scoruri de cricket, liste de nume ale angajaților și adrese de e-mail. Tabelele HTML vă permit să afișați informații în ceea ce este cunoscut sub denumirea de date tabulare.

NOTĂ: Am adăugat deja Styling folosind CSS, deci elementele mele vor arăta diferit. Dar vor funcționa exact în același mod.
Dacă doriți să faceți ca elementele dvs. să pară ale mele, atunci puteți găsi fișierul meu CSS în linkurile date mai jos:
CSS: https://gist.github.com/abhishekjakhar/2ea51dfc0dcf6f6ed0d44ac0e72f9c54

Tabelul de bază

Putem crea o tabelă HTML folosind elementul tabel. Are o etichetă de deschidere și închidere și înfășoară toate rândurile de tabel și celulele de masă din interiorul acesteia.

Acum, să tastăm un rând de tabel. Tabelele sunt alcătuite din rânduri de informații care parcurg pagina. Un element

este utilizat pentru a crea un rând de tabel.

Cu toate acestea, nu există niciun element pentru coloana tabelului. Coloanele tabelelor depind de câte celule de tabel sunt în interiorul fiecărui rând. Un element

este exact același număr de coloane pe care le veți obține în rândul tabelului.

A recapitula:

este utilizat pentru a crea o celulă de tabel. Deci, practic, numărul de elemente pe care le veți adăuga în elementul
: elementul tabelului reprezintă datele dintr-o serie de rânduri și coloane. Tabelele trebuie utilizate numai pentru afișarea datelor tabulare și niciodată pentru aspectul paginilor.
  • : elementul rândului tabelului definește un rând de celule dintr-un tabel. Rândurile de tabel pot fi umplute cu celule de masă și celule de antet de tabel.
  • : Elementul de celule de masă conține date și reprezintă o singură celulă de tabel. Fiecare celulă de masă ar trebui să se afle în interiorul unui rând de tabel.elementele de rând (<tr>) și celula de masă (<td>) de masă împreună pentru a forma o tabelă
    Notă: elementele nu au atribute. Dacă ați lucrat cu tabele înainte, este posibil să fi folosit unele atribute în trecut. Cu toate acestea, toate sunt acum învechite.

    Elementul antetului tabelului

    Am creat un tabel de bază, dar nu este clar că primul rând din tabel este de fapt o încercare de a eticheta fiecare dintre coloanele noastre. În acest moment, primul rând arată pur și simplu ca un alt rând din tabelul nostru.

    Putem utiliza un element de antet de tabel pe fiecare din aceste trei coloane pentru a spune browser-ului, crawler-urilor motoarelor de căutare și cititorilor de ecran că acestea sunt de fapt anteturi și nu doar date obișnuite.

    Acum vom schimba celulele tabelelor din primul rând într-o celulă a antetelor unei tabele. Pentru a face acest lucru, vom înlocui

    pentru cap și pentru corp.

    - Elementul capului de masă (care nu trebuie confundat cu elementul celulei antetului tabelului) definește un set de rânduri care alcătuiesc antetul unei tabele.
  • - Elementul corpului tabelului definește unul sau mai multe rânduri care alcătuiesc conținutul primar (sau „corpul”) unei tabele.elemente de cap de masă (<thead>) și corp de masă (<tbody>)

    Elementul piciorului de masă

    Avem un cap de masă și un element de corp pentru masă. Deci, desigur, există și un element de picior de masă. Dar întrebarea este care este punctul elementului de subsol al tabelei când avem deja antetele tabelelor care etichetează coloane?

    În general, un element de subsol al tabelului trebuie să conțină un rezumat al tabelului. Este posibil să fie unele celule finale care conțin sume, totaluri și medii pentru fiecare coloană. Poate conține, de asemenea, unele informații meta, cum ar fi informațiile privind drepturile de autor sau sursa de date dintr-un tabel.

    Acum, ai crede că subsolul de masă va merge în partea de jos a mesei. Cu toate acestea, ar trebui să meargă imediat după elementul capului de masă și chiar înainte de elementul corpului mesei.

    - Elementul de subsol al tabelului definește un set de rânduri care rezumă coloanele tabelului.elementul piciorului de masă (<poot>)

    Element de legendă

    Acest element este practic un titlu pentru tabel și ar trebui să vină imediat după eticheta tabelului de deschidere. Acest lucru este frumos de adăugat, deoarece rezumă rapid ce ar putea conține un tabel.

    Acum am acoperit elementele esențiale ale elementelor de tabel în HTML.

    Puteți afla mai multe despre tabelele din linkurile date mai jos.

    Sper că ați găsit această postare informativă și utilă. Mi-ar plăcea să vă aud feedback-ul!

    Vă mulțumim pentru lectură!

    highresolution-wallpapers.net © 2020
    cu .

    Textul din primul rând este mai îndrăzneț decât celelalte rânduri din cauza elementului <th> utilizat în primul <tr>

    Cap de masă și corp

    Similar cu structura documentului nostru HTML, unde avem un cap și un corp, putem adăuga și un cap și un corp la masa noastră. Cu siguranță nu vom folosi aceleași elemente HTML, deoarece atunci sintaxa va deveni nevalidă. Pentru masă, avem