Optimasi Html kode table Simple

Baca Juga

Kode html table

Belajar Html kode table Simple - Html memang menyenangkan untuk di pelajari terutama html code dengan tag html yang asik sekali saat di pelajari, dasar belajar kode html salah satunya adalah belajar membuat table dengan cepat.

Untuk mempelajari tag kode html tersebut. Kita terlebih dahulu mempelajari dasar kode tersebut sebelum membangun kode html tersebut.

Mari kita lihat dasar html code tersebut...

Perhatikan kode di atas, itu merupakan dasar tag html yang wajib anda pahami dengan seksama.

Hasil dari kode tersebut akan tampil seperti ini.

Oh ternyata hasilnya seperti di atas.

Terlihat seperti tidak ada kodenya ya ...

Memang karena belum di tambahkan kode penunjang untuk menghias kode html tersebut, tablenya masih tersebunyi.

Mari kita lihat kode html di tambah kode border html.

Kode border untuk menghias tepi dari table tersebut, seperti apa kodenya ya ..... ?????

Sekarang kode html terlihat dengan kode border html dengan bentuk solid dan warnanya red, warna merah belum tampil saat kita belum menggunakan html css.

Oke mari kita lihat seperti apa hasil dari kode html di atas.

Akan tampil seperti ini !!!!

Ya ....

Sekarang table html anda sudah memiliki border, seperti gambar di atas, sekarang kita coba menambah dua tag html kode <tr>.

Seperti apa ya bila kita menambahkan dua kode html tr tersebut mari kita lihat contoh kode htmlnya.

Sekarang kode tr menjadi dua, kodenya akan tampak seperti gambar di atas, untuk melihat hasil dari kode tersebut.

Bisa coba lihat gambar di bawah ini langsung.

Yups ... !!!

Sekarang temen temen sudah bisa memahami kode tersebut, oh ternyata cara merakit kode html seperti itu ya ... Cukup mudah.

Dengan pemahamn seperti ini anda akan lebih memahami kode tersebut dan bisa langsung praktek tanpa copy paste lagi dari website tetangga.

Oke ...


Untuk memantapkan pemahaman ada contoh penambahan tag html <td> seperti apa penampakan kodenya.

Bisa di lihat di gambar di bawah ini langsung.

Kita mantapkan kodenya. Di atas terlihat ada 1 penambahan td hingga menjadi tiga.

Mari kita lihat hasil dari kode tersebut seperti apa ya ... ???

Jadi penasaran nih dengan kode html tersebut.

Nih hasil kodenya .... !!!

Akhirnya sampai disini saya memahami secara betul betul kode html table tersebut.

Ternyata mudah ya memahami kode html itu.


Anda masih penasaran masih ada banyak kode html yang nanti bisa kita pelajari sekaligus memahami.

Bukan hanya sekedar copy paste saja.

Tapi kita akan berkreasi sendiri dengan kode kode tersebut, dengan tehnik dan pengembangan hasil kreasi kita sendiri.

Demikian semoga manfaat.