Cara Membuat Tabel (Tahap 1)

Tutorial Blog kali ini saya akan membahas bagaimana cara membuat tabel. Karena tabel sangat penting dan sering diperlukan ketika kita edit atau posting artikel pada web atau blog. Biasanya tabel digunakan untuk membuat Daftar atau forum. Tapi dengan tabel kita juga bisa membuat artikel kita menjadi beberapa Kolom atau Layout, seperti halnya yang sering kita lihat kolom-kolom yang ada di Koran atau majalah.

Untuk membuat tabel, ada beberapa unsur elemenatau atribut html yang kita butuhkan, yaitu :

-    Table width : nilai lebar tabel keseluruhan.

-    Border : nilai ketebalan garis

-    Baris tabel ditandai dengan tag awal <tr> dan tag akhir </tr>

-    Kolom tabel ditandai dengan tag awal <td> dan tag akhir </td>

Silahkan anda  perhatikan cara penulisan kode untuk membuat tabel :

1. Tabel 1 kolom, dan 1 baris

<table width="500" border="1">
<tr>
<td scope="col">Tabel 1 kolom, dan 1 baris</td>
</tr>
</table>

Berikut hasilnya :

Tabel 1 kolom, dan 1 baris

2. Tabel 1 kolom, dan 2 baris

Untuk membuat tabel 2 baris dan seterusnya, kita tinggal menambahkan elemen tag <tr></tr>  diantara tag <table> </table>  yaitu :

<table width="500" border="1">

<tr>

<td>Tabel 1 kolom, dan baris pertama</td>

</tr>

<tr>

<td>Tabel 1 kolom, dan baris kedua</td>

</tr>

</table>

Berikut hasilnya :

Tabel 1 kolom, dan baris pertama

Tabel 1 kolom, dan baris kedua

3. Tabel 2 kolom, dan 1 baris

Untuk membuattabel 2 kolom dan seterusnya kita tinggal menambahkan elemen tag <td></td> diantara <tr></tr>  yaitu :

<table width="500" border="1">

<tr>

<td> Kolom Pertama</td>
<td>Kolom Kedua</td>

</tr>

</table>

Berikut hasilnya :

Kolom Pertama

Kolom Kedua

4. Tabel 2 kolom dengan 2 baris

<table width="500" border="1">
<tr>
<td>Baris pertama dan Kolom Pertama</td>
<td>Baris pertama dan Kolom Kedua </td>
</tr>
<tr>
<td>Baris Kedua dan Kolom Pertama</td>
<td>Baris Kedua dan Kolom Kedua</td>
</tr>
</table>

Berikut hasilnya :

Baris pertama dan Kolom Pertama	Baris pertama dan Kolom Kedua
Baris Kedua dan Kolom Pertama	Baris Kedua dan Kolom Kedua

5. Tabel dengan garis tebal

Garis tebal ditentukan oleh Nilai border, semakin besar nilainya semakin Tebal garisnya dan terlihat seperti 3D (efek bevel)

<table width="500" border="5">
<tr>
<td><div align="center">Teks</div></td>
</tr>
</table>

Berikut hasilnya :

Teks

6. Tabel dengan garis berwarna

Untuk memberi  warna border kita tinggal menambah  “bordercolor “

<table width="0" border="1" bordercolor="#3083FF">
<tr>
<td><div align="center">Teks</div></td>
</tr>
</table>

Berikut hasilnya :

Teks

7. Tabel dengan warna background sama

Untuk memberi warna Background dengan warna sama seluruh tabel kita tinggal menambah  “bgcolor “.

<table width="500" border="1" bgcolor="#00FF00">
<tr>
<td><div align="center">Teks</div></td>
<td><div align="center">Teks</div></td>
</tr>
</table>

Berikut hasilnya :

Teks

Teks

8. Tabel dengan warna beda

Untuk memberi warna Background dengan warna berbeda pada setiap kolomnya :

<table width="500" border="1">
<tr>
<td bgcolor="#D9F5FF"><div align="center">Teks</div></td>
<td bgcolor="#E1FACD"><div align="center">Teks</div></td>
</tr>
</table>

Berikut hasilnya :

Teks

Teks

9. Tabel dengan Judul

<table width="500" border="1">


<tr> <th colspan="100%" scope="col"bgcolor="#FFF7DB">JUDUL TABEL</th> </tr>
<tr>
<td bgcolor="#E4FADE"><div align="center"><strong>Judul Kolom 1</strong></div></td>
<td bgcolor="#EDFBFF"><div align="center"><strong>Judul Kolom 2</strong></div></td>
<td bgcolor="#FDF0FF"><div align="center"><strong>Judul Kolom 3</strong></div></td>
</tr>
<tr>
<td bgcolor="#E4FADE"><div align="center">Teks</div></td>
<td bgcolor="#EDFBFF"><div align="center">Teks</div></td>
<td bgcolor="#FDF0FF"><div align="center">Teks</div></td>
</tr>
<td bgcolor="#E4FADE"><div align="center">Teks</div></td>
<td bgcolor="#EDFBFF"><div align="center">Teks</div></td>
<td bgcolor="#FDF0FF"><div align="center">Teks</div></td>
</tr>
</table>

Berikut hasilnya :

JUDUL TABEL
Judul Kolom 1	Judul Kolom 2	Judul Kolom 3
Teks	Teks	Teks
Teks	Teks	Teks

Nah....., Silahkan anda bisa otak - atik sendiri sesuai selera anda. Semoga bermanfaat.
Mohon luangkan waktu anda untuk meninggalkan komentar anda ya..... Terima kasih.

Pasang Iklan Gratis Nempel Terus

Link Anda Bisa Nempel Terus Anda Bisa Dibantu Melakukan Promosi Oleh 1.000.000 Orang Lebih, Mau...? Caranya Cukup Mendaftar GRATIS. Setelah mendaftar silahkan cek password yang otomatis terkirim ke email Anda, kemudian langsung login dan pasang judul artikel, keterangan dan URL link yang

ingin Anda promosikan di website ini. Sistem periklanan ini seperti Multi Level Marketing sedalam 20 Level, GRATIS PASTI!.

Bagaimana detailnya promosi Anda bisa dahsyat begitu? Cara kerjanya silahkan baca disini:
Satu Link Tukar Sebar Sejuta

Link untuk Registrasi dan Login ada di bagian bawah halaman ini. Anda akan segera mendapatkan affiliate URL tersebut setelah mendaftar. Idealnya Anda memang mengajak 2 orang teman Anda untuk memasang bisnis mereka disini agar bisnis Anda berpotensi nempel pada jutaan orang. Namun jika Anda tidak mengajak orang sekalipun, link Anda TETAP akan nempel pada sponsor, asalkan Anda telah mendaftar dan setting data Anda di member area website ini. Disini Sponsor dibantu, Member pun dibantu. Saya jelaskan di bagian bawah halaman ini.

 

Berikut ini Iklan 20 Level itu, berturut-turut dari sponsor saat ini, diikuti oleh upline mereka:

Cara Buat Website& Blog Gratis Mudah, Cepat, Langsung Praktek Menghasilkan

Rahasia Website Pemula (RWP), Satu-satunya Bisnis Online bagi Pemula yg Memiliki Metode Belajar Online dan Offline. (Link ini dipasang oleh noer cholis, sponsor level 0)

Pasang iklan metode terbaru...Lebih interaktif.

Pasang iklan dengan pola get member selain iklan bisa dilihat ribuan orang akan mendapatkan income tanpa batas. (Link ini dipasang oleh Mukhtarudi, sponsor level 1)

DBSgold jaringan Group MANTAP system Lock

Anda pusing mikir bisnis on line sdh saatnya Anda tentukan jalan Anda sekarang juga...ini Real sdh ciptakan Jutawan di Indonesia.. Ingat Anak Istri dan (Link ini dipasang oleh pamuji, sponsor level 2)

werbsite termurah di Indonesia

jadikan website sarana bisnis anda agar dikenal di seluruh dunia hub:08197471696 (Link ini dipasang oleh mashudilubis, sponsor level 3)

MODEM Akses Internet Cepat 24 Jam Non Stop ! BIAYA MURAH

Ingin internetan sepuasnya 24 Jam non stop (UNLIMITED) Biaya MURAH MERIAH. Tanpa takut tagihan membengkak. Miliki MODEM AKSES INTERNET disini. (Link ini dipasang oleh Darmadi, sponsor level 4)

Belajar Bisnis Internet Marketing Gratis + Dapat Ebook Marketing Dahsyat Gratis

Tempat dimana anda akan menemukan artikel seputar seluk beluk bisnis internet marketing. Dari strategi, sistem , hingga cara bisnis di internet (Link ini dipasang oleh Umar Hadi, sponsor level 5)

Bagaimana Uang Rp 200.000 Anda menjadi Rp 8.043.750 dalam waktu 6 bulan

Bonus Puluhan Juta PASIF INCOME PERBULAN yang Anda Pasti dapatkan Hanya Dalam Waktu 3-6 Bulan Saja Dan Anda Dapat Mulai Mewujudkan Impian Anda Bersama (Link ini dipasang oleh feri setiawan, sponsor level 6)

Rumus Bikin Duit Ala Indonesia Yang Canggih

Rahasia Hebat, bagaimana cara mendapat uang secara online hanya dalam 30 menit (Link ini dipasang oleh Gatoet Agoes, sponsor level 7)

Segera wujudkan mimpi anda

Bersiaplah untuk mendapatkan penghasilan penuh cuma dari rumah. (Link ini dipasang oleh Sunarto Hadiurip, sponsor level 8)

Panduan Belajar WordPress Gratis

Belajar bagaimana menginstall WordPress dan mengelolanya menjadi blog yang handal (Link ini dipasang oleh Lutvi Avandi, sponsor level 9)

Kue Kering Enak dan Lezat !!!

Pesan sekarang kue kering enak dan lezat, terbuat dari bahan bermutu dan sehat. (Link ini dipasang oleh Andreas, sponsor level 10)

Bisnis Super Langka Sedang Diburu Didarat dan Di Internet

Produk Unggulan Rekomendasi Dokter Boyke, Bonus Mingguan Super Cepat, Semudah Bisnis Ebook, Lagi Booming (Link ini dipasang oleh Mufli, sponsor level 11)

Yang Hebat Lagi,

Saya Juga Akan Membantu Anda

Saya noer cholis, Siap Membantu Anda berpromosi disini. Bukan hanya link sponsor yang nempel terus tetapi Anda juga akan ikut saya perkenalkan di POSISI INI jika Anda join. Apa lagi yang Anda tunggu? Silahkan Dafar Lewat Sini (noer cholis, Sponsor Anda).
Jadi di website ini Sponsor dibantu, Member Juga dibantu!.

Active Member Terbaru Lainnya:  

andry sijabat, Sudiyanto Pandji Wiryoatmodjo, andika faris, Reborn Fashionline, Ida Bagus Widnya, lim mulyono, Irwan, Dariansyah, Ikramullah Mahmuddin, tunardi, juharwadi, Adrian, hendratedjokusumo, kusmanto, BisnisinetdotCom, adheafx24, harsono, Andi Agus, reza adi nugraha, armin damar jaya, eko tri, Reince, Teridefira, inok, kresno, chairil muhsin, imam budianto, makmun friana, devi, SINAR PELANGI EDUTOYS, Sopyan, lalu muhanan lubis, berry septian, Umaruddin, dasep setiawan chonim, I Made Dhita Prianthara, hasan joe armstrong, taufik, A Rahim BA, candra boni, mbah saeun, azbyanwar, dadan hamdani, nurmann, rony robianto, yadi suryadi, Slamet Estriyanta, mudher, Aris Mukti, mira miranti, ... You?

Silahkan Mendaftar, Klik Tombol Diatas
Gratis

Cara Buat Sitemap / Peta Situs

Sebagaimana yang saya sampaikan pada postingan yang lalu, selain fungsi sitemap untuk mempermudah search engine seperti google mengindek seluruh isi artikel yang ada dalam sebuah website atau blog. Tapi sitemap juga bertujuan untuk mempermudah pengunjung untuk melihat seluruh isi artikel yang ada dalam sebuah website atau blog. Lalu bagaimana cara membuatnya ?

Cara buat sitemap sangat mudah, tapi terlebih dahulu kita bagi menjadi dua fungsi :

• Pertama, Buat sitemap untuk memudahkan pengunjung melihat seluruh isi halaman web/blog.
• Kedua, Buat sitemap untuk meningkatkan mesin pencari optimasi situs dengan memastikan  bahwa  semua  halaman  dapat  ditemukan. Cara ini bisa dibuat dengan manual atau bisa juga dengan Blogger Sitemap Generator

Kali ini saya akan bahas cara buat sitemap menurut fungsi yang pertama. Sitemap ini biasanya diletakkan pada halaman web atau blog. Dan cara buatnya kita tinggal menggunakan jasa gratis Sitemaps Generator di http://www.xml-sitemaps.com. Ikuti langkah - langkah berikut :

1. Silahkan anda menuju ke http://www.xml-sitemaps.com.
2. Dihalaman utama ada forum seperti gambar dibawah ini :

3. Masukkan Ulr web atau blog anda.
4. Tekan tombol 'Start' dan tunggu hingga situs tersebut benar-benar merangkak menjelajahi web atau blog anda, hingga selesai proses.
5. Setelah selesai proses, lihat seperti gambar dibawah ini :

6. Kemudian anda tinggal download sitemap yang sudah jadi dalam beberapa format :

     - un-compressed XML Sitemap

     - compressed XML Sitemap

     - ROR Sitemap

     - HTML Sitemap

     - Sitemap in Text Format

Atau cara lain buat sitemap, Anda bisa lihat sitemap blog ini Disini dan anda bisa copy untuk menirunya, caranya :
1. Drag atau blog semua isi peta situs.
2. Klik kanan dan pilih "view selection source" lalu copy.
3. paste pada notepad dan ganti ulr setiap halaman dengan ulr setiap halaman web atau blog milik anda.
4. Anda tampilkan peta situs anda pada halaman posting atau pada elemen html.

Selesai.......
Silahkan anda coba membuat peta situs atau sitemap sendiri.
Semoga bermanfaat..... jangan lupa luangkan waktu anda untuk beri komentar ya....Terima kasih