Cara membuat tabel di HTML

Pengarang: Mark Sanchez
Tanggal Pembuatan: 28 Januari 2021
Tanggal Pembaruan: 1 Juli 2024
Anonim
HTML Dasar : Table (10/13)
Video: HTML Dasar : Table (10/13)

Isi

Cukup sulit untuk membuat tabel dalam HTML. Tetapi dengan langkah-langkah yang diuraikan dalam artikel ini, Anda seharusnya dapat membuatnya untuk situs Anda.

Langkah

  1. 1 Buka program pengolah kata sederhana seperti Notepad atau WordPad di Windows, atau di Mac buka TextEdit.
  2. 2 Masukkan semua teks yang ingin Anda lihat di depan tabel.
  3. 3 Tentukan penggunaan tabel untuk dokumen HTML dengan memasukkan tag table>.

  4. 4 Tekan Enter.

  5. 5 Masukkan tag untuk membuka tabel baris menggunakan tag tr>.
  6. 6Ingatlah untuk membangun semua elemen yang tersisa dari kiri ke kanan.
  7. 7 Tekan Enter.
  8. 8 Masukkan tag awal untuk judul tabel menggunakan tag th>.
  9. 9 Masukkan judul yang ingin Anda gunakan untuk kolom pertama.
  10. 10 Masukkan tag penutup untuk elemen heading tabel menggunakan tag / th>.
  11. 11 Tekan Enter.
  12. 12 Ulangi langkah (mengatur item dalam kolom dari kiri ke kanan).
  13. 13 Tutup baris ini dengan memasukkan tag / tr>.
  14. 14 Tekan Enter.
  15. 15 Mulai baris lain dengan tag tr> lain.
  16. 16 Tekan Enter.
  17. 17 Masukkan tag data tabel menggunakan tag td>.
  18. 18 Masukkan data tabel yang ingin Anda sertakan di setiap bidang.
  19. 19Kerjakan dari kiri ke kanan, isi data dari kolom yang ditunjukkan di atas.
  20. 20 Tutup setiap input dengan tag / td>.
  21. 21 Ulangi untuk semua data tabel yang Anda miliki.
    • Untuk sel di mana Anda tidak perlu memasukkan apa pun, masukkan td> dan td> dan tidak ada di antaranya. Ini akan sangat berguna untuk bidang antara dua bidang lainnya.
  22. 22 Tutup setiap baris dengan tag / tr> lainnya.
  23. 23 Ulangi setiap baris ke bawah selain baris tr> dan / td> sampai setiap baris dirakit.
  24. 24 Tutup tabel dengan tag / table>.
  25. 25 Masukkan teks HTML berikut yang Anda butuhkan untuk sisa dokumen.

Tips

  • Indentasi dari setiap baris sehingga Anda dapat memahami apa yang Anda coba lakukan dalam kode Anda.

Peringatan

  • Jika Anda secara tidak sengaja memasukkan terlalu banyak kolom data di mana tidak ada judul tabel, kolom tersebut akan tetap ditampilkan, tetapi akan terlihat sedikit konyol dan pembaca tidak akan mengerti untuk apa informasi ini.
  • Membangun tabel pada halaman HTML adalah proses yang rumit untuk dipahami. Pertama, berlatih pada data eksternal untuk melihat seperti apa tampilannya, lalu telusuri dan letakkan tabel baru di tempatnya.
  • Kode tabel HTML sebaiknya diserahkan kepada pembuat kode HTML tingkat lanjut. Namun, setelah Anda mengikuti petunjuk ini, Anda juga akan menjadi salah satunya.