Cara Menggambar Tabel Di HTML

Daftar Isi:

Cara Menggambar Tabel Di HTML
Cara Menggambar Tabel Di HTML

Video: Cara Menggambar Tabel Di HTML

Video: Cara Menggambar Tabel Di HTML
Video: HTML Dasar : Table (10/13) 2024, November
Anonim

HTML adalah bahasa markup halaman yang dapat digunakan untuk meng-host situs web di Internet. Untuk memformat dokumen dalam hal ini, tag digunakan - elemen deskripsi.

Cara menggambar tabel di HTML
Cara menggambar tabel di HTML

Diperlukan

  • - komputer;
  • - program "Notepad";
  • - keterampilan dalam bekerja dengan HTML.

instruksi

Langkah 1

Buka halaman Anda di mana Anda ingin menambahkan tabel dalam HTML menggunakan Notepad. Untuk melakukan ini, klik kanan pada file untuk membuka menu konteks, pilih opsi "Buka dengan". Pilih tempat di tag Body untuk menambahkan tabel ke situs.

Langkah 2

Gunakan tag… untuk menempatkan tabel di HTML. Ini adalah tag utama yang menjelaskan tabel. Semua elemennya harus ditempatkan di antara tag pembuka dan penutup. Secara default, tabel dibuat tanpa pemisah dan batas. Tambahkan batas sesuai kebutuhan menggunakan atribut Perbatasan. Untuk melakukan ini, sisipkan di dalam tag tabel dan tambahkan nilai numerik untuk lebar batas, misalnya, baris ke tabel. Untuk melakukan ini, gunakan tag …, jumlah baris ditentukan oleh jumlah pasangannya. Tambahkan deskripsi sel menggunakan tag…. Tempatkan sel hanya di dalam tag baris, tambahkan jumlah kolom (kolom) di mana ia ditempatkan.

Langkah 4

Lokasi teks dalam sel ditentukan menggunakan atribut Aligh (kiri, kanan, tengah) - menentukan penempatan teks secara horizontal, dan Valign (tengah, bawah, atas) - menentukan penempatan data dalam sel secara vertikal. Deskripsi ini dapat ditambahkan baik untuk sel individual maupun untuk seluruh baris.

Langkah 5

Gunakan atribut Colspan untuk menggabungkan sel secara horizontal dan Rowspan secara vertikal. Contoh kode tabel: "Nama tabel" "Nama baris yang digabungkan" "Nama kolom pertama" "Nama kolom kedua" "Baris kedua" "Sel kedua dari baris kedua" "Sel ketiga dari baris kedua" baris".

Direkomendasikan: