Cara Membuat Tabel Zebra Dengan PHP Dan CSS

3/29/13
Cara Membuat Tabel Zebra dengan PHP dan CSS | IT Programmer
Friday , Marc h 29, 2013
POSTS
Css table
Iklan oleh Google
Home
Content
Tutorial
Download
Sitemap
Css code tutorial
Iklan oleh Google
Css html
Css php
Html css coding
Membuat website
GOOGL E+ (G+)
Cara Membuat Tabel Zebra dengan PHP dan CSS
Translate
IT Programmer on
Home web programming Cara M embuat Tabel Zebra dengan PHP dan CSS
FOL L OW ERS
Css text
Css text editor
16 FEBRUA RY 2012
Select Language
Contact Us
SEL ECT L A NGUA GE
Pow ered by
COMMENTS
Follow
+308
"Om Swastyastu"
Join this site

w ith Google Friend Connect
Tabel
Members (1239) More
agak asing terdengar di
telinga
zebra
zebra
mungkin
kalian.
tabel
berfungsi
untuk
mempercantik tampilan
tabel
kalian
jika
memprogram menggunakan PHP atau HTML, seperti namanya tabel zebra ini
akan menampilkan warna seperti zebra (belang) tapi tidak hanya hitam putih
seperti zebra pada umumnya. Kalian juga bisa menggunakan warna sesuai
keinginan kalian, merah putih mungkin atau pola yang lebih cantik sesuai
Already a member? Sign in
imajinasi.
Cara pembuatan tabel zebra ini sangat gampang yang terpenting kalian sudah
mengetahui dasar pemrograman HTML dan tentang CSS. Oke, langsung saja ke
cara pembuatannya.
FA CEBOOK PA GE
Pertama, siapkan editor kalian (Dreamweaver, Notepad++, Editplus, dll)
IT Programmer
Kedua, siapkan server localhost kalian karena nantinya kita akan menggunakan
file PHP. Kalau saya menggunakan XAMPP (cara menggunakan dan download
Like
disini).
Ketiga, buat folder baru di htdocs.
12,387 people like IT Programmer.
Sudah siapkah??
kalau sudah mari kita membuat coding CSSnya terlebih dahulu. Ketik script CSS
di bawah ini di editor kesayangan kalian :
view plain
IT Programmer. Powered by
Blogger.
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
print
/*CSS Tabel Zebra */

#zebra {
width:25%;
font: 11px Arial Helvetica, sans-serif;
color: #000;
border-collapse: collapse;
border-spacing: 0;
}
F acebook social plugin
TRA FFIC
#zebra th {
color: #fff;
background-color:#555;
font-size:15px;
padding:2px 0;
}
#zebra td {
font-size: 12px;
text-align: center;
padding: 2px 0;
background-color: #FFFF99;
}
#zebra tr:nth-child(odd) td
{
background-color: #CCE9FD;
} /* table */
PROGRA M M ING TUTORIA L
Simpan dengan nama Style.css di folder yang telah dibuat tadi. Untuk kombinasi
warna yang lain, kalian bisa pilih warnanya di Daftar Kode Warna Lengkap.
C++
JAVA
VB
WEB
Selanjutnya membuat file PHP dan tabelnya. berikut scriptnya :

view plain
print
blog.creanivate.com/2012/02/cara-membuat-tabel-zebra-dengan-php-dan.html
1/3
3/29/13

01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
13.
14.
15.
<html>
<head>
<title>tabel zebra IT Programmer</title>
</head>
<link href="style.css" rel="stylesheet" type="text/css" me
dia="screen" />
<body>
<table id="zebra" align="center">
<tr> <th>Judul Tabel Disini</th> </tr>
<tr> <td><p align="center">Baris 1</p></td> </tr>
</table>
</body>
</html>
Download Borland C++ 5.02

Download Microsoft Visual C++ 2005 Offline
Cara Menginstall Microsoft Visual C++ 2008
Express
Download Ebook Cara Menggunakan Visual C++
2008
Kiat Sukses Belajar Bahasa Pemrograman C++
Sejarah Bahasa Pemrograman C++
Tutorial Bahasa Pemrograman C++
Pengenalan Bahasa Pemrograman C++
Program Dasar Sederhana C++
Simpan dengan nama index.php. Namun script di atas masih murni HTML, coba
bayangkan jika kita membuat tabel dengan 1000 baris, tentunya akan sangat
melelahkan bukan?? Untuk mengatasinya kalian bisa menggunakan perulangan
"for" dengan PHP. Berikut scriptnya :
INFO
Escape Sequence Character Dalam C++

Pendeklarasian Konstanta Dalam C++
Tips
Downloads
Penggunaan Statemen IF
Friends
Sponsor Visitor
Membuat Readmore Tanpa Edit HTML
Contoh IF Bersarang (Nested IF) dalam C++

view plain
01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
13.
14.
15.
16.
17.
18.
print
Mempercepat Shutdown Windows XP
Menentukan Bilangan Genap dan Ganjil C++
<html>
<head>
<title>tabel zebra IT Programmer</title>
</head>
<link href="style.css" rel="stylesheet" type="text/css" me
dia="screen" />
<body>
<table id="zebra" align="center">
<tr> <th>Judul Tabel</th> </tr>
<?php
$i=0;
$jmlh_brs=4;
for($i = 1; $i <= $jmlh_brs; $i++){ ?>
<tr> <td><p align="center">Baris <?php echo $i;?> </p>
</td> </tr>
<?php }
?>
</table>
</body>
</html>
Internetan Murah dengan IM3
Kelipatan Persekutuan Terkecil (KPK) C++
Percepat Koneksi Firefox dengan Fasterfox
Konversi Bilangan Desimal ke Biner C++

Pagerank Pertamaku
Konversi Bilangan Desimal ke Oktal C++
Cara Mendapatkan Permanent Visitor di Blog
Download
Contoh-Contoh
Program
C++
Cara Main
LUNA Online di
Windows
7
Program
Penjumlahan
C++ di Handphone
Tingkatkan
KecepatanMatrix
Download
Program
dengan
Perkalian
Accelerator
Matriks C++
Cara Mendapatkan
Pet diMatriks
LUNA Online
Program
Perkalian Skalar
10 Situs
File HostingMatriks
Yang Bagus
Program
Determinan
Ordo 2x2
Farming
dan Fishing
LUNA2x2
Online
Program
Invers
MatriksdiOrdo
Download
ShutdownMatriks
MonsterOrdo
untuk3x3
Shutdown Tepat
Program
Determinan
Waktu
Program Invers Matriks Ordo 3x3
Cara Membuat Teks Subscript dan Superscript di
Menulis
Teks
ke Dalam File
Editor
Blog
keterangan:
$jmlh_brs=4;adalah jumlah baris yang akan di tampilkan.
file css yang telah dibuat tadi di panggil menggunakan script :
<link
Trik Mengganti Ikon My Computer Windows XP
Contoh Program Faktorial C++
href="style.css"
rel="stylesheet"
type="text/css"
media="screen" />
Untuk melihat hasilnya gunakan browser (Mozilla, Chrome, IE, dll) dan ketikan
http://localhost/namafolder.
Menghitung
Jumlah
&Teks
Rata-rata
Bilangan
Cara Membuat
Efek
Seperti5 di
Stabilo
Jenis
Fungsi Dalam
Operasi
String
di C++
Mengetahui
Alexa Rank
Besok
dengan
Alexa Toolbar
Mengetahui
Ukuran
Memori
Dari
Tipe Data
Cara Membuat
Guild
di LUNA
Online
Mencari
AkarUntuk
Kuadrat
dengan
Fungsi
Meta Tags
Optimasi
SEO
padaSQRT()
Template Blog
Mengkonversi
Cara Berpacaran
Bilangan
di LUNA
dengan
Online
Manipulator
Tips Sukses
EvoMenggunakan
Pet Dari King Moo
Moo keFungsi
Fly
Kuadrat
Bilangan
Prototipe
Male/Female
Dryad di SEAL
Online
Menggunakan
Manipulator
SETW()
& SETFILL()
Memasang Widget Share Facebook di Blog
Segitiga Bintang dengan Nested For

Gimana sangat mudah bukan?? Selamat mencoba Semoga bermanfaat :)
"Om Santhi, Santhi, Santhi Om"
Cek Link Yang Rusak di Blog Kalian Untuk Tingkatkan

Pagerank!
Operator Bitwise dalam C++
FISIKA - Menghitung Jarak Jatuh Peluru C++

Tips Cepat Leveling di SEAL Online
Mencari Tahun Kabisat dalam C++

Map di LUNA Online
Segitiga
Angka
C++
Download
TrikDalam
Menyelesaikan
Rubik 3x3
Konversi
dari Celcius
ke Fahrenheit
Trik Memperkuat
Signal
Modem ZTE EVDO Smart
Mencari
X danforYPC
dalam C++
Cheat Nilai
CodeKuadran
GTA Sandari
Andreas
Structure
Dalam
C++
Tips Untuk
Menghentikan
Kiriman Email
Advertise with Google

www.Google.com/AdWords
Turn your Rp.150K AdWords spend into
Rp.600K worth of advertising!
Pemberitahuan
dari Facebook
Contoh
Program Dekripsi
Dalam C++
Download
Video Tutorial
Menyelesaikan
Rubik 4x4
Program
Insertion
Sort Dalam
C++
Memasang
Widget
Status
Online
Program
Exchange
Sort
Dalam
C++Skype di Blog
Membuat Animasi Gif Dengan Photoshop CS4
Program Bubble Sort Dalam C++
Download Video Menyelesaikan Rubik 5x5
Program Selection Sort Dalam C++
Cara Format Ulang Handphone Nokia S60 Edition
Contoh Program Quick Sort dalam C++

Top Email Service Gratis
Contoh Program Pembalik Kata Dalam C++
Download PD English - Indonesia (Kamus Inggris -
Program
FPB (Faktor
Persekutuan Terbesar) Dalam
Indonesia
untuk Handphone)
C++
Cara Membuat Kabel UTP Cross Untuk LAN
Membuat Tabel Perkalian SD dengan C++
Cara Memindahkan Data dengan Kabel UTP Cross
Contoh
Relasi Berulang atau Deret Dalam C++
LAN
Related Posts :
Mencari
BilanganPesan
Prima Pembuka
Dalam C++
Cara Membuat
Blog
C ara Melakukan Koneksi Database pada PHP
Mencari
TutorialPanjang
Menyelesaikan
Sisi Miring
Rubik
Segitiga
2x2
C++
Membuat C aptcha Sederhana dengan PHP
Cara Mengembalikan
Datake
Simcard
Konversi
Karakter Desimal
ASCII yang Hilang
Tehnik Debugging Dalam Script PHP dan MySQL
Cara Mudah
Restart
BlackBerry
Konversi
Karakter
ASCII
ke Desimal
Cara Mengembalikan
MMC
MicroSD
Membuat
Menu Pilihan Data
Dengan
IF atau
dalam
C++
Membuat Searching Data XML dengan Javascript
Cara Memasang
Kolomdari
7 Iklan
di Blog
Mengetahui
Kode ASCII
Suatu
Karakter
"Scratch" Bahasa Pemrograman Untuk Anak
Contoh Pemakaian Pernyataan Goto dalam C++
Glow Text Effect C SS
Contoh Perulangan dengan while dan do-while

Cara Mendaftarkan Blog ke Google
dalam C++
C ara Membuat Trigger di MySQL Database

Proses Pembayaran dengan Sistem Kartu Kredit
Cara Menambahkan Emotikon Bergerak Saat Update

Status Facebook
Cara Memasang Google Translate pada Blogger
Menampilkan Abjad A - Z dengan For dan Do-While

Cheat Game Age of Empire II: The Age of King
dalam C++
Cara Memasang Widget Live Traffic dari Feedjit
Contoh Binary Search dalam C++
Solusi Agar Google Chrome Tidak Sering Crash
2/3
3/29/13

Membuat Rounded C orner Dengan C SS3
Mendeteksi Resolusi Layar Monitor dengan PHP dan Javascript
Written by: IT Programmer

Labels: web programming
COM M E NTS:
Ada 1
Gasta Pratama said... pada hari 3:19 PM
nice kk ^^
daripada pake jquery...
mending yang biasa" aja...
hahaha
salam kenal ^^
Post a Comment
This Blog is proudly powered by Blogger.com | Template by Creanivate | Privacy Policy | Bali Wedding Photography Service
3/3

Cara Membuat Tabel Zebra Dengan PHP Dan CSS - IT Programmer

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Cara Membuat Tabel Zebra Dengan PHP Dan CSS - IT Programmer

Diunggah oleh

Hak Cipta:

Format Tersedia

3/29/13

Cara Membuat Tabel Zebra dengan PHP dan CSS | IT Programmer

Friday , Marc h 29, 2013

Iklan oleh Google

Css code tutorial

Iklan oleh Google

Html css coding

Css text editor

SEL ECT L A NGUA GE

Join this site

Members (1239) More

agak asing terdengar di

Pertama, siapkan editor kalian (Dreamweaver, Notepad++, Editplus, dll)

12,387 people like IT Programmer.

/*CSS Tabel Zebra */

F acebook social plugin

PROGRA M M ING TUTORIA L

Selanjutnya membuat file PHP dan tabelnya. berikut scriptnya :

Cara Membuat Tabel Zebra dengan PHP dan CSS | IT Programmer

Download Borland C++ 5.02

Escape Sequence Character Dalam C++

Membuat Readmore Tanpa Edit HTML

Contoh IF Bersarang (Nested IF) dalam C++

Mempercepat Shutdown Windows XP

Menentukan Bilangan Genap dan Ganjil C++

Internetan Murah dengan IM3

Kelipatan Persekutuan Terkecil (KPK) C++

Percepat Koneksi Firefox dengan Fasterfox

Konversi Bilangan Desimal ke Biner C++

Konversi Bilangan Desimal ke Oktal C++

Cara Mendapatkan Permanent Visitor di Blog

Program Invers Matriks Ordo 3x3

Cara Membuat Teks Subscript dan Superscript di

Trik Mengganti Ikon My Computer Windows XP

Contoh Program Faktorial C++

Segitiga Bintang dengan Nested For

Cek Link Yang Rusak di Blog Kalian Untuk Tingkatkan

Operator Bitwise dalam C++

FISIKA - Menghitung Jarak Jatuh Peluru C++

Mencari Tahun Kabisat dalam C++

Advertise with Google

Program Bubble Sort Dalam C++

Download Video Menyelesaikan Rubik 5x5

Program Selection Sort Dalam C++

Cara Format Ulang Handphone Nokia S60 Edition

Contoh Program Quick Sort dalam C++

Contoh Program Pembalik Kata Dalam C++

Download PD English - Indonesia (Kamus Inggris -

Membuat Tabel Perkalian SD dengan C++

Cara Memindahkan Data dengan Kabel UTP Cross

C ara Melakukan Koneksi Database pada PHP

Membuat C aptcha Sederhana dengan PHP

Tehnik Debugging Dalam Script PHP dan MySQL

Membuat Searching Data XML dengan Javascript

"Scratch" Bahasa Pemrograman Untuk Anak

Contoh Pemakaian Pernyataan Goto dalam C++

Glow Text Effect C SS

Contoh Perulangan dengan while dan do-while

C ara Membuat Trigger di MySQL Database

Cara Menambahkan Emotikon Bergerak Saat Update

Cara Memasang Google Translate pada Blogger

Menampilkan Abjad A - Z dengan For dan Do-While

/CSS Tabel Zebra /