Cara Melukis Jadual Dalam HTML

Isi kandungan:

Cara Melukis Jadual Dalam HTML
Cara Melukis Jadual Dalam HTML

Video: Cara Melukis Jadual Dalam HTML

Video: Cara Melukis Jadual Dalam HTML
Video: Belajar HTML Bahagian 3 - Table (Jadual) 2024, April
Anonim

HTML adalah bahasa markup halaman yang dapat digunakan untuk menghosting laman web di Internet. Untuk memformat dokumen dalam kes ini, tag digunakan - elemen keterangan.

Cara melukis jadual dalam HTML
Cara melukis jadual dalam HTML

Perlu

  • - komputer;
  • - program "Notepad";
  • - kemahiran bekerja dengan HTML.

Arahan

Langkah 1

Buka halaman anda di mana anda ingin menambahkan jadual dalam HTML menggunakan Notepad. Untuk melakukan ini, klik kanan pada fail untuk memunculkan menu konteks, pilih pilihan "Buka dengan". Pilih tempat di tag Badan untuk menambahkan jadual ke laman web.

Langkah 2

Gunakan tag… untuk meletakkan jadual dalam Html. Ini adalah tag utama yang menerangkan jadual. Semua elemennya mesti terletak di antara tanda pembuka dan penutup. Secara lalai, jadual dibuat tanpa pemisah dan sempadan. Tambahkan sempadan seperti yang diperlukan menggunakan atribut Border. Untuk melakukan ini, masukkan di dalam tag jadual dan tambahkan nilai angka untuk lebar sempadan, misalnya, baris ke meja. Untuk melakukan ini, gunakan … tag, bilangan garis ditentukan oleh bilangan pasangannya. Tambahkan keterangan sel menggunakan tag…. Letakkan sel hanya di dalam tag baris, tambahkan padanya jumlah lajur (lajur) di mana ia diletakkan.

Langkah 4

Lokasi teks dalam sel ditentukan menggunakan atribut Aligh (kiri, kanan, tengah) - menentukan penempatan teks secara mendatar, dan Valign (tengah, bawah, atas) - menentukan penempatan data di sel secara menegak. Huraian ini dapat ditambahkan untuk sel individu dan untuk keseluruhan baris.

Langkah 5

Gunakan atribut Colspan untuk menggabungkan sel secara mendatar dan Rowspan secara menegak. Contoh kod jadual: "Nama meja" "Nama baris bergabung" "Nama lajur pertama" "Nama lajur kedua" "Baris kedua" "Sel kedua baris kedua" "Sel ketiga dari kedua barisan”.

Disyorkan: