Cum se creează un tabel în HTML

Autor: Mark Sanchez
Data Creației: 28 Ianuarie 2021
Data Actualizării: 1 Iulie 2024
Anonim
Egitim SoMachine 9 M238 HMI
Video: Egitim SoMachine 9 M238 HMI

Conţinut

Este destul de dificil să creați un tabel în HTML. Dar, cu pașii descriși în acest articol, ar trebui să puteți crea unul pentru site-ul dvs.

Pași

  1. 1 Deschideți un program simplu de procesare a textului precum Notepad sau WordPad pe Windows sau pe Mac deschideți TextEdit.
  2. 2 Introduceți tot textul pe care doriți să îl vedeți în fața mesei.
  3. 3 Definiți utilizarea unui tabel pentru un document HTML introducând tabelul> etichetă.

  4. 4 Apăsați Enter.

  5. 5 Introduceți eticheta pentru deschiderea tabelului de rânduri folosind eticheta tr>.
  6. 6Nu uitați să construiți toate elementele rămase de la stânga la dreapta.
  7. 7 Apăsați Enter.
  8. 8 Introduceți o etichetă de început pentru titlul tabelului utilizând eticheta th>.
  9. 9 Introduceți titlul pe care doriți să îl utilizați pentru prima coloană.
  10. 10 Introduceți o etichetă de închidere pentru elementul de titlu al tabelului utilizând eticheta / th>.
  11. 11 Apăsați Enter.
  12. 12 Repetați pașii (aranjarea elementelor în coloane de la stanga la dreapta).
  13. 13 Închideți această linie introducând eticheta / tr>.
  14. 14 Apăsați Enter.
  15. 15 Începeți o altă linie cu o altă etichetă tr>.
  16. 16 Apăsați Enter.
  17. 17 Introduceți eticheta de date a tabelului utilizând eticheta td>.
  18. 18 Introduceți datele din tabel pe care doriți să le includeți în fiecare câmp.
  19. 19Lucrați de la stânga la dreapta, completând datele din coloanele de mai sus.
  20. 20 Închideți fiecare intrare cu eticheta / td>.
  21. 21 Repetați pentru toate datele de tabel pe care le aveți.
    • Pentru celulele în care nu trebuie să introduceți nimic, introduceți td> și td> și nimic între ele. Acest lucru va fi foarte util pentru câmpurile dintre alte două câmpuri.
  22. 22 Închideți fiecare linie cu o altă etichetă / tr>.
  23. 23 Repetați fiecare linie în jos, în plus față de liniile tr> și / td> până când fiecare linie este asamblată.
  24. 24 Închideți tabelul cu eticheta / table>.
  25. 25 Introduceți următorul text HTML după cum aveți nevoie pentru restul documentului.

sfaturi

  • Indentați din fiecare linie, astfel încât să puteți înțelege ce încercați să faceți în cod.

Avertizări

  • Dacă introduceți din greșeală prea multe coloane de date în care nu există titlu de tabel, acestea vor fi afișate în continuare, dar vor părea puțin prostești, iar cititorul nu va înțelege la ce servesc aceste informații.
  • Construirea tabelelor pe o pagină HTML este un proces dificil de înțeles. Mai întâi, practicați datele externe pentru a vedea cum arată, apoi răsfoiți și plasați noul tabel în locul său.
  • Codul tabelului HTML este cel mai bine lăsat la programele HTML avansate. Cu toate acestea, după ce urmezi aceste instrucțiuni, și tu vei deveni unul dintre ei.