HTML 5, Membuat Tabel Belang

Pada tutorial kali ini saya akan berbagi mengenai pembuatan tabel belang-belang abu-abu gelap seperti gambar disamping itu tidaklah sulit. Dengan menggunakan sedikit code css, maka setiap sel dengan warna yang berbeda dan dalam waktu yang relatif singkat.
Oleh karena itu pada tutorial html berikut ini, akan dibuatkan css style untuk mengotomasisasikan proses pemberian warna abu-abu muda dan abu-abu tua seperti pada gambar diatas.
Untuk melakukan hal tersebut, maka teman-teman blogger khususnya teman-teman blogger Indonesia bisa menggunakan nth-of-type selector. Coba perhatikan potongan script dibawah ini:

tr:nth-of-type(even){
    background-color:#f3f3f3;
}
tr:nth-of-type(odd){
    background-color:#ddd;
}

Langkah awal, selector tersebut saya tuliskan paada tag <tr> yang merupakan tag pembuat baris tabel (tabel row). Selanjutnya, ada nilai even yang berarti genap serta odd yang berarti ganjil. Untuk baris-baris dalam urutan genap, maka akan digunakan warna abu-abu terang. Sedangkan baris-baris dalam urutan ganjil akan digunakan warna abu-abu gelap penggunaan warna untuk baris-baris tabel itu menggunakan background-color. 

Berikut script selengkapnya bisa didownload DISINI

Tutorial CSS "Input Image and teks"

Tutorial berikut adalah masih lanjutan dari tutorial sebelumnya, seperti tutorial membuat topage (leftbar). Video tutorial ini merupakan, video base learning yang diajarkan pada matakuliah html atau web design dasar. Pada blog Ilmu desain grafis ini semoga bermanfaat bagi temen-temen semua...

HTML 5 - Mendefinisikan Teks di dalam Website

Jika ingin menulis sebuah definisi teks pada sebuah website yang dibuat, maka paling tidak ada tiga buah tag yang harus silibatkan yaitu: ° Tag <dl> yang merupakan singkatan dari definition list, berfungsi sebagai pembuka untuk sebuah definisi. ° Tag <dt> yang merupakan singkatan dati definition term, berfungsi sebagai teks untuk menulis kata yang akan didefinisakan. ° Tag <dd> yang merupakan singkatan dari definition description, berfungsi sebagai tag untuk menulis kata definisanya. contoh script:

<h2> Definisi:</h2>
<dl>
<dt>Muryan Awaludin</dt>
<dd>Tutorial HTML5 dan CSS3, Tutorial HTML5 dan CSS3, Tutorial HTML5 dan CSS3, Tutorial HTML5 dan CSS3, Tutorial HTML5 dan CSS3, Tutorial HTML5 dan CSS3 Tutorial HTML5 dan CSS3 Tutorial HTML5 dan CSS3</dd>
<dt>Muryan Awaludin</dt>
<dd>PTutorial HTML5 dan CSS3, Tutorial HTML5 dan CSS3, Tutorial HTML5 dan CSS3, Tutorial HTML5 dan CSS3,Tutorial HTML5 dan CSS3, Tutorial HTML5 dan CSS3, Tutorial HTML5 dan CSS3, Tutorial HTML5 dan CSS3</dd>
</dl>

Browser dan W3C Support

Untuk mengetahui support browser pada properti Background,dapat dilihat pada tabel berikut ini. Browser dan W3C Support untuk Background

Properti	Value	Browser			W3C
		IE	Firefox	Netscape
Background	background-color background-image background-repeat background-attachment background-position	4	1	6	1
Background attachment	scroll fixed	4	1	6	1
Background color	color-rgb color-hex color-name transparent	4	1	4	1
Background image	url (URL) none	4	1	4	1
Background position	top left top center top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos	4	1	6	1
Backgroundrepeat	repeat repeat-x repeat-y no-repeat	4	1	4	1

sumber tabel :www.w3schools.com

SES Pemrograman Web dengan HTML, CSS, dan JavaScript

Buku Student Guide Series Pemrograman Web dengan HTML, CSS, dan JavaScript ditujukan untuk para siswa-siswi SMP/SMA dan pemula pengguna komputer agar dapat lebih memahami, menguasai, dan terampil menggunakan HTML, CSS, dan JavaScript dalam membuat web. Setelah berlatih dengan buku ini, diharapkan setiap pembaca mampu membuat web sederhana sendiri, baik berupa web pribadi, sekolah, atau kantor.