Cara Membuat Tabel Html

Cara Membuat Tabel Dengan Kode Html

Cara Membuat Tabel di HTML

1

Buka program pengeditan teks. Biasanya Anda akan memakai program Notepad pada Windows atau TextEdit pada Mac. Berikut cara menemukan program ini:
- Windows – Buka Start
  
  , tikkan notepad pada Start, dan klik Notepad di bagian atas jendela.
- Mac – Buka Spotlight
  
  , tikkan textedit, dan klik TextEdit di bawah kolom pencarian Spotlight.
2

Tikkan <table> dan tekan ↵ Enter. Label <table> menandakan awal tabel, dan menekan ↵ Enter akan membuat editor teks memulai garis baru.
- Saat memakai HTML, Anda selalu harus menekan ↵ Enter setelah membuat baris untuk beralih ke baris berikutnya.
3

Tikkan <tr> dan tekan ↵ Enter. Perintah ini menandakan Anda akan membuat elemen khusus pada tabel.
4

Tambahkan kolom ke tabel. Tikkan <th> untuk menandakan kolom, tikkan label untuk kolom, tikkan </th> untuk menutup kolom, lalu tekan ↵ Enter.
- Sebagai contoh, untuk membuat kolom berlabel "Jumlah Anjing", tikkan <th>Jumlah Anjing</th> ke editor teks.
5

Tambahkan kolom. Bergantung pada banyaknya kolom yang perlu dimiliki tabel, langkahnya akan bervariasi. Setelah Anda menambahkan semua kolom yang ingin digunakan, lanjutkan ke langkah berikutnya.
- Kolom dbuat dari kiri ke kanan.
6

Tikkan </tr> dan tekan ↵ Enter. Perintah ini menandakan semua tabel kolom sudah tercipta dan menutup bagian kode tabel tersebut.
7

Tikkan <tr> sekali lagi, dan tekan ↵ Enter. Sekarang Anda akan menambahkan baris ke tabel.
8

Tambahkan sel ke tabel. Tikkan <td> untuk menandakan potongan informasi di bawah kolom pertama, tikkan </td> demi menutup sel, dan tekan ↵ Enter.
- Sebagai contoh: untuk menciptakan sel bernomor "23", tikkan <td>23</td> pada editor teks.
9

Tambahkan lebih banyak sel pada tabel. Jumlah sel dalam baris harus berkorelasi dengan jumlah kolom; sebagai contoh, jika Anda memiliki tiga kolom, sebaiknya buat tiga sel dalam satu baris. Setelah Anda membuat seluruh baris, silakan melanjutkan.
10

Tutup baris saat ini. Tikkan </tr> dan tekan ↵ Enter untuk menutup baris. Pada titik ini, Anda bisa membuka baris lain dengan mengetik <tr> dan menekan ↵ Enter, menambahkan sel individu, dan kemudian menutup baris.
11

Tutup tabel. Di bawah baris akhir tabel, tikkan </table>. Langkah ini menandakan akhir dari tabel.
12

Ulas kembali tabel ini. Tabel seharusnya tampak seperti ini:^[1]
- <table>
- <tr>
- <th>Hari</th>
- <th>Bulan</th>
- <th>Tahun</th>
- </tr>
- <tr>
- <td>4</td>
- <td>Maret</td>
- <td>1990</td>
- </tr>
- <tr>
- <td>27</td>
- <td>Juli</td>
- <td>1993</td>
- </tr>
- </table>
13

Simpan hasil kerja. Tekan Ctrl+S (Windows) atau ⌘ Command+S (Mac) untuk menyimpan dokumen, kemudian nama dokumen untuk dokumen dan klik Save ketika diminta.