Info Menarik Lainnya Seputar Bisnis :

HTML Untuk Membuat Kolom Pada Blog

Pembahasan selalu seuai judul.

Kali ini ane mau coba shear bagaimana cara membuat kolom dengan menggunakan kode "tag" HTML pada blog..

ok deeh langsung saja menuju TKP sob..

# Tabel dengan satu kolom dan satu baris #

<table width="200" border="1">
<tr>
<td scope="col" style="text-align: center;">INI HASILNYA</td>
</tr></tabel>

Hasilnya seperti di bawah ini :

INI HASILNYA

# Tabel dengan dua kolom dan satu baris #

<table width="400" border="1">
<tr>
<td style="text-align: center;">KOLOM SATU</td>
<td style="text-align: center;">KOLOM DUA</td>
</tr></table>

Maka hasilnya seperti di bawah ini :

KOLOM SATU KOLOM DUA

Nb. jika ingin menambahkan kolom selanjutnya sob tinggal copas aja kode <td style="text-align: center;">KOLOM DUA</td> lalu simpan di bawahnya, jika ingin mengakhiri baris kolomnya tutup deh dengan kode </tr></table> selesai deh.

# Tabel dengan dua baris satu kolom #

<table width="200" border="1">
<tr>
<td style="text-align: center;">BARIS SATU</td>
<tr>
<td style="text-align: center;">BARIS DUA</td>
</tr></table>

Maka hasilnya seperti di bawah ini :

BARIS SATU
BARIS DUA

# Sedangkan untuk memberi warna pada semua kolom sob hanya tinggal menambahkan kode "bgcolor="kode warna"

Misal untuk seluruh kolom berwarna sama contoh pada "tabel dengan dua baris satu kolom" kita kasih warna

<table width="200" border="1" bgcolor="#FF00FF">
<tr>
<td style="text-align: center;">BARIS SATU</td>
<tr>
<td style="text-align: center;">BARIS DUA</td>
</tr></table>

Maka hasilnya bisa sob lihat di bawah ini :

BARIS SATU
BARIS DUA

Sedangkan untuk memisahkan warna pada kolomnya dapat sob lihat kode di bawah ini

<table border="1" style="width: 200px;">
<tbody>
<tr>
<td bgcolor="#FF00FF" style="text-align: center;">BARIS SATU</td>
</tr>
<tr>
<td bgcolor="#00FF00" style="text-align: center;">BARIS DUA</td>
</tr>
</tbody></table>

Maka hasilnya bisa sob lihat di bawah ini :

BARIS SATU
BARIS DUA

Ok .. daah sampe sini dulu cara membuat kotak beserta cara kasih warnanya monggo di praktekan..

Semoga bermanfaat..

baca lanjutan artikel kode-kode HTML lainnya untuk blogg :

Apa itu HTML


Nb. Jangan lupa pesan kesan and jalinan pertemanannya..

Mau dapatkan Uang Tambahan cari Info'nya di bawah ini GRATISS:

Tidak ada komentar:

Artikel menarik lainnya :

Babaturan

Ada kesalahan di dalam gadget ini
Ada kesalahan di dalam gadget ini