Cara membuat 3 kolom dalam HTML untuk halaman web

Penggunaan IVD

Langkah 1

Mulai editor teks, seperti Notepad, WordPad atau EditPad. Pilih "File" dan "New" dari menu untuk membuat dokumen baru.

Langkah 2

Salin kode HTML berikut ke halaman Anda untuk menambahkan tiga kolom ke halaman, menggunakan pintasan keyboard "Ctrl" dan "C" lalu tempel dengan "Ctrl" dan "V":

Isi kolom pertama Isi kolom kedua Isi kolom ketiga

Langkah 3

Ganti "width" dengan ".column1", ".column2" dan ".column3" dengan lebar yang ingin Anda atur. Ganti nilai "warna latar" untuk setiap kolom dengan warna latar yang ingin Anda terapkan. Untuk membuat kolom tanpa dasar, hapus garis yang berisi "warna latar", misalnya sebagai:

background-color: merah;

Penggunaan Tabel

Langkah 1

Pilih "File" dan "Baru" dari menu editor teks favorit Anda.

Langkah 2

Salin dan tempel kode HTML berikut ke halaman Anda untuk memasukkan tiga kolom:

Isi kolom pertamaKonten kolom keduaIsi kolom ketiga

Langkah 3

Ganti lebar dengan ukuran kolom yang ingin Anda atur. Ganti nilai "background-color" dengan latar belakang yang Anda inginkan. Untuk menghapus warna latar belakang, hapus kode Anda seperti:

warna latar belakang: kuning;

Artikel Menarik