membuat table di dokument HTML

Untuk membuat tabel harus diawali dengan tag <table> dan diakhiri dengan tag </table>. baris-baris dalam tabel dibuat dengan diawali tag <tr> dan diakhiri tag </tr>. Dari dalam baris kemudian dibuat kolom-kolom dengan tag <td> dan diakhiri tag </td>. Untuk header (baris paling atas dari tabel) kolom-kolomnya dibuat denga tag <th> dan </th>. Judul tabel bisa dibuat dengan tag <caption> dan </caption>. Agar tabel terlihat ada garis-garisnya, perlu ditambahkan atribut <border>, misalnya <table border=1>.
Suatu sel bisa diberi background dengan cara <td background=gambar.jpg>. diberi warna : <td bgcolor=”#203e8d>, diberikan link <td><a href=link.html><img src=gambar.gif border=0></td>. Sebuah gambar yang utuh dapat disusun atas sel-sel dalam tabel, sehingga bila masing-masing sel diberi link akan diperoleh efek imageMap. Atribut Tabel yang lain
Pelurusan horizontal suatu sel : align (left, center, right, justify), ex : <tr align=left>, <td align=left>.
Pelurusan vertical suatu sel : valign(top, middle, bottom), ex : <tr valign=top>, <td valign=bottom>.
Jumlah (n) kolom yang ditempati sebuah sel : rowspan=n, ex : <td rowspan=2>
Mematikan kemampuan melipat kata dalam sel : nowrap, ex : <td nowrap>
Menentukan panjang/lebar suatu sel/kolom : (weight, height), ex : <td height=10, weight=5>

Contoh :

<table border=2>
<caption>Judul Tabel</caption>
<tr>
<th>header1</th>
<th>header2</th>
<th>header3</th>
</tr>
<tr>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
<td>baris 1 kolom 3</td>
</tr>
<tr>
<td>baris 2 kolom 1</td>
<td>baris 2 kolom 2</td>
<td>baris 2 kolom 3</td>
</tr>
</table>

Adapun elemen-elemen yang digunakan untuk membuat suatu tabel adalah :

Elemen	Kegunaan
TABLE	Tag utama. Digunakan untuk memberitahu browser “ini adalah tabel”, bersama dengan beberapa atribut seperti ukuran, lebar border dan beberapa hal lagi. Tag <TABLE>..<TABLE>
TR	Baris Tabel, yaitu baris-baris pada suatu tabel, yang dinyatakan dalam pasangan tag <TR>..</TR>
TD	Data tabel, yaitu tempat dimana informasi/data dimasukkan dalam tabel. tabel data adalah colom dari suatu baris tabel. tabel data dinyatakan dengan tag <TD>..<TD>
TH	Judul tabel, biasnya terletak di bagian paling atas atau paling kiri dari suatu tabel. Tabel header yang terletak di bagian atas adalah judul kolom tabel, sedang tabel header yan terletak di bagian kiri adalah judul baris tabel. Tag yang digunakan adalah <TH>…</TH>
CAPTION	Judul tabel yang terletak diluar tabel biasanya di bagian atas/bawah tabel. tag <CAPTION>..</CAPTION>

Selain elemen-elemen diatas, tabel juga mempunyai bermacam-macam atribut yang dapat mempercantik bentuk tabel tersebut, seperti atribut-atribut :

Atribut	Nilai	Keterangan
Border	Angka 0, 1 dst	Digunakan untuk menentukan tebal garis batas tepi tabel
Cellspacing	Angka 1,2,3 dst	Digunakan untuk menentukan jumlah spasi/celah diantara tiap-tiap sel
Cellpadding	Angka 1,2,3 dst	Digunakan untuk menentukan jumlah spasi antara data dalam suatu sel
width	Pixel / persentase	Digunakan untuk mengatur lebar tabel, dapat menggunakan ukuran piksel atau persentasi %
Align	Left, center.right	Digunakan untuk perataan tabel secara horizontal
Valign	Middle, bottom, baseline	Digunakan untuk perataan tabel secara vertikal
bgcolor	Warna/bil.hexadesimal	Warna latar dari tabel atau pada sel
Rowspan	Angka 1,2,3 dst	Menggabungkan beberapa baris tabel
Colspan	Angka 1,2,3 dst	Menggabungkan beberapa kolom tabel

Mengenal Meta Tag

Dalam dunia website atau blogging, saya rasa kita telah mengenal istilah SEO ( Search Engine Optimization ). SEO sangat bermanfaat bagi kita semua, khususnya bagi para webmaster dan blogger untuk mengenalkan website atau blog kepada mesin pencari ( Search Engine ). Selain untuk mengenalkan kepada mesin pencari agar website atau blog kita dicrawl, SEO juga bermanfaat untuk kegiatan marketing bisnis dunia maya yang sekarang sedang populer. Disini saya tidak akan membahas tehnik SEO secara rinci. Jika anda ingin belajar SEO tempatnya bukan disini, karena sudah ada Guru / Master kita di indonesia, siapa lagi kalau bukan si culun CosaAranda ( ^_^) bcanda mas, kaburrrr.

Dalam SEO ( Search Engine Optimization / Optimaisasi Mesin Pencari ), mengenal Meta Tag adalah salah satu faktor untuk belajar SEO. Karena Meta Tag tidak kalah pentingnya dengan content yang kita tulis di blog kita atau website kita, maka mengenal kita harus belajar mengenal yang namanya Meta Tag.

Pada dasarnya, Meta Tag adalah informasi tambahan atau metadata pada webpage dan digunakan oleh sebagian Search Engine untuk mecari informasi suatu website. Meta tag terletak diantara tag head ( <head> ) dan ditulis sebagai berikut:

<meta name=”…” content=”…” />

Attribute
Dasar
name
adalah nama meta, attribute ini dibutuhkan.
content
adalah nilai dari attribute name

Tingkat Lanjut
http-equiv
attribute ini menempati attribute name, Web server menggunakan attribute ini digunakan untuk mengambil informasi pada protokol HTTP untuk merespon pesan header.
scheme
attribute ini jarang digunakan, biasanya digunakan oleh webmaster professional

Macam-macam Meta Tag

Dalam blog resmi Google khusus untuk webmaster, ada beberapa jenis meta tag yang digunakan untuk mendngkrak kepopuleran kita di mesin Pencari.

<meta name=”description” content=”Deskripsi tentang situs anda”>

Digunakan untuk menampilkan penjelasan / deskripsi singkat tentang situs atau blog anda. Informasi pada attribute content akan ditampilkan di halaman search result / hasil pencarian google.

<meta name=”keywords” content=”artikel, blog, pelajaran SEO”>

Meta keyword berisi tentang kata kunci untuk website atau blog kita. Dipisahkan dengan koma. Keyword juga berperan penting pada SEO. Pemberian meta keyword ini sangat efektif jika anda ingin situs atau blog anda terpampang pada 10 besar hasil pencarian.

<meta name=”robots” content=”…, …”>
<meta name=”googlebot” content=”…, …”>

Kedua meta tersebut mengontrol bagaimana SE ( Search Engine / Mesin pencari ) meng- crawl dan mengindex halaman kita. Meta robots digunakan hampir di semua SE, sedangkan meta googlebot dikhusuhkan hanya untuk mengontrol SE Google.

Adapun attribute content pada robots memiliki dua parameter yang dapat diisi dengan :
index, noindex, follow, nofollow
Contoh :

<meta name=”robots” content=”noindex, follow”>
<meta name=”robots” content=”index, nofollow”>
<meta name=”robots” content=”noindex, nofollow”>

ket:
index = memiliki fungsi supaya SE mengindex halaman tersebut
noindex = kebalikan dari index
follow = supaya SE mengikuti semua link yang berada di halaman tersebut
nofollow = kebalikan dari follow
Parameter diatas juga dapat diterapkan di googlebot

Adapun parameter tambahan untuk googlebot sebagai berikut:
noarchive, nosnippet, noodp, NONE ( sama dengan “noindex, nofollow) untuk lebih lengkapnya, anda bisa lihat disini

<meta name=”google” value=”notranslate”>

Meta di atas berfungsi agar google tidak bisa mentranslate content kita.

<meta name=”verify-v1″ content=”…”>

Meta verivy-1 adalah layanan google sitemap for webmaster. Attribute content diisi dengan kode yang telah diberikan google. Layanan ini mengharuskan anda untuk mempunyai google account. Fungsi layanan ini digunakan agar situs atau blog kita cepat terindex google.

<meta http-equiv=”Content-Type” content=”…; charset=…”>

Untuk pendefinisian content-type suatu halaman. Meta ini biasa dipakai oleh webmaster pro.

<meta http-equiv=”refresh” content=”…;url=…”>

Meta tersebut merupakan fungsi redirect suatu halman. Pada attribute content, parameter pertama di isi dengan waktu dalam detik. contoh: 0, 1; parameter url diisi dengan alamat url tujuan redirect kita.

Meta sangatlah penting bagi kita seorang webmaster, untuk itu pelajaran meta tag bukan sampai disini saja. Lain kali, saya akan membahasnya secara detil. See u next time…

sumber:http://raitucarp.blogspot.com