Belajar HTML | Font dan Table

Sebenarnya tadi Kuliah Gratis habis mempraktekkan ilmu sesat ajaran para Master SEO yaitu Hidden Keyword. Tapi melihat hasil SERP alami yang menunjukkan peningkatan dan hasil dari soucepage para Master ternyata sudah tidak lagi memakai cara babar ini, akhirnya Kuliah Gratis menghapus hidden keyword tersebut. Pertimbangan lain dari Kuliah Gratis adalah resiko dihukum oleh Google gara-gara "mainan api didepan drum minyak"(pribahasa untuk orang yang nyari mati).

Kembali ke Pemrograman HTML, Masih ingatkan dengan Pengenalan HTML dan Paragraf, Heading dan Perataannya. Sekarang Kuliah Gratis akan coba membahas Pemrograman HTML lebih dalam lagi. Kali kita mencoba bermain dengan Font/Huruf dan Table biar lebih asik dan menyenangkan kita belajar sambil dengerin lagu Mbah Surip - Tak Gendong Kemana-mana, ya!

1. Font

Dalam sebuah web, menentukan jenis huruf, ukuran dan warna huruf yang dipakai sangatlah penting. Jangan sampai antara warna latar dan huruf pada posting dibuat sama yang ada pembaca tidak akan melihat tulisan apapun. Nah untuk uji coba silahkan copypaste code dibawah ini:

<font color="red" size="10">Warnanya Merah Gak???</font>

Hasilnya: Warnanya Merah Gak???

Nah, properti yang ada pada tag Font ini antara lain color, size, style. Walaupun sebenarnya untuk warna nantinya bisa dicontrol menggunakan CSS (Casceding Styles Sheet) tapi pemahanan tentang warna dalam HTML tetaplah perlu karena tidak mungkin kita menuliskan script yang pendek ;semisal Error Mesege; dengan menggunakan control CSS yang biasanya lebih panjang dan rumit.

2. Table

Pada awalnya halaman Web merupakan kumpulan table-table yang tersusun menjadi halaman yang mantap dan kokoh tapi setelah munculnya CSS dan Programmer beralih ke Design Web yang tableless maka pengunaan table sebagai layout sebuah web pun tidak lagi digunakan.

Namun bukan berarti table tidak lagi dibutuhkan dalam web programming, table dalam web programming kini justru dipakai untuk keperluan yang lebih baik dari sekedar layout web. Table digunakan untuk draft pembuatan laporan, neraca dll yang berbaisi web.

Nah untuk uji coba silahkan copy code berikut:

<table width="90%" border="0"><br /><tbody><br /><tr><br /><td>No</td><td>Nama</td><td>Alamat</td><td>Kompetensi</td><br /></tr><br /><tr><br /><td>1</td><td>Surya</td><td>Jakarta</td><td>Nothing</td><br /></tr><br /><tr><br /><td>2</td><td>Tommy</td><td>Jakarta</td><td>CMS Creator, Java, PHP, MySQL, Javascript</td><br /></tr><br /></tbody><br /></table>

No	Nama	Alamat	Kompetensi
1	Surya	Jakarta	Nothing
2	Tommy	Jakarta	CMS Creator, Java, PHP, MySQL, Javascript

Nah, silahkan hilangkan code <br/> Lalu seperti biasa simpan kesemuanya itu dengan ekstensi .html. Sebenarnya masih banyak sekali yang harus diketahui tentang table namun karena keterbatas ruang ini maka Kuliah Gratis memutuskan untuk memberikan modul tentang table yang bisa digunakan sebagai referensi. Download ya Modul Tabel ini

Nb:

- Width: mengatur lebar table, saran Kuliah Gratis lebih baik memakai % (persen) karena lebih fleksible
- Border: memberikan border pada table, diatas dicontohkan tanpa border (0)
- tr : Untuk mengatur row/line table
- td : Untuk mengatur coloum/drop table