Untuk membuat tabel dalam HTML, seperti sebelumnya dibutuhkan sebuah tag untuk menyusun sebuah tabel. Berikut merupakan tag-tag untuk membangun sebuah tabel.
<table> = tag utama untuk membuat sebuah tabel
<caption> = tag untuk membuat judul tabel
<tr> = tag untuk membuat baris dalam tabel
<th> = membuat heading dalam sebuah tabel
<td> = mengisi data dalam sebuah tabel sekaligus membuat kolom secara otomatis ketika data terisi
dalam tag <table> sendiri pun terdapat beberapa atribut pelengkap:
<bgcolor> = mengganti warna latar belakang tabel
<border> = mengatur ukuran bingkai pada tabel
<cellpadding> = mengatur ukuran kotak dimana data disimpan
<cellspacing> = mengatur jarak antar kotak data
<width> = mengatur ukuran lebar tabel
<height> = mengatur ukuran tinggi tabel
<align> dan <valign> = mengatur kerataan data(horizontal serta vertikal)
<rowspan> = menggabungkan 2 atau lebih baris menjadi satu
<colspan> = menggabungkan 2 atau lebih kolom menjadi satu
Sunday, February 27, 2011
Sunday, February 20, 2011
Dasar - Dasar Dalam Pemrograman HTML
HTML merupakan bahasa pemograman web yang paling dasar dan yang paling mudah untuk dipelajari.
HTML sendiri merupakan kepanjangan dari Hyper Text Markup Language. Web yang didesain dari bahasa HTML sendiri merupakan web yang bersifat statis. Berikut merupakan tag - tag dasar dalam HTML.
<HTML> = merupakan Tag utama dari HTML yang merupakan penampung dari tag -tag lainnya
<HEAD> = Tag yang berfungsi untuk membuat judul (dengan tag <TITLE>)dan memberikan keterangan lainnya
<BODY> = Tag yang berisikan coding utama dari web yang akan didesain.
contoh : <HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Bla Bla Bla
</BODY>
</HTML>
Mengubah Background Color
menggunakan attribut bgcolor dalam tag Body
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY BGCOLOR="aqua">
Ini Isinya :)
</BODY>
</HTML>
Tag Tag dasar dalam HTML
<br> = berfungsi untuk membuat baris kosong / blank.
<p> dan <div> = berfungsi untuk membuat tampilan paragraf dalam suatu kumpulan teks.
<h> = merupakan tag heading yang akan membuat default font berubah berdasarkan heading tertentu
tag <h> dimulai dari yang terbesar (<h1>) sampai ukuran yang terkecil (<h6>)
<hr> = Tag yang berfungsi untuk membuat garis horizontal.
<sub> = memberikan efek subscript pada sebuah teks
<sup> = memberikan efek superscript pada sebuah teks
<tt> = memberikan efek mesin ketik pada sebuah teks. Tampilan mesin ketik
<del> = memberikan efek coretan pada sebuah teks. Efek strikethrought
<pre> = membuat tampilan teks sama seperti default tulisan dalam kode HTML nya
<acronym> = memberikan keterangan tambahan terhadap tulisan ataupun singkatan yang ditampilkan yang disertakan pada atribut TITLE
HTML sendiri merupakan kepanjangan dari Hyper Text Markup Language. Web yang didesain dari bahasa HTML sendiri merupakan web yang bersifat statis. Berikut merupakan tag - tag dasar dalam HTML.
<HTML> = merupakan Tag utama dari HTML yang merupakan penampung dari tag -tag lainnya
<HEAD> = Tag yang berfungsi untuk membuat judul (dengan tag <TITLE>)dan memberikan keterangan lainnya
<BODY> = Tag yang berisikan coding utama dari web yang akan didesain.
contoh : <HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Bla Bla Bla
</BODY>
</HTML>
Mengubah Background Color
menggunakan attribut bgcolor dalam tag Body
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY BGCOLOR="aqua">
Ini Isinya :)
</BODY>
</HTML>
Tag Tag dasar dalam HTML
<br> = berfungsi untuk membuat baris kosong / blank.
<p> dan <div> = berfungsi untuk membuat tampilan paragraf dalam suatu kumpulan teks.
<h> = merupakan tag heading yang akan membuat default font berubah berdasarkan heading tertentu
tag <h> dimulai dari yang terbesar (<h1>) sampai ukuran yang terkecil (<h6>)
<hr> = Tag yang berfungsi untuk membuat garis horizontal.
<sub> = memberikan efek subscript pada sebuah teks
<sup> = memberikan efek superscript pada sebuah teks
<tt> = memberikan efek mesin ketik pada sebuah teks. Tampilan mesin ketik
<del> = memberikan efek coretan pada sebuah teks. Efek strikethrought
<pre> = membuat tampilan teks sama seperti default tulisan dalam kode HTML nya
<acronym> = memberikan keterangan tambahan terhadap tulisan ataupun singkatan yang ditampilkan yang disertakan pada atribut TITLE
Sunday, February 13, 2011
Mebuat Bullet Numbering dan menyisipkan gambar dalam HTML
1Dalam HTML, kita juga dapat membuat format bullet and numbering seperti halnya dalam MS Word. Membuatnya tidaklah sulit namun dibutuhkan ketelitian.
contoh :
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ol>
maka hasil yang akan terbentuk di web page akan
1. a
2. b
3. c
4. d
Untuk Bullet hampir sama dengan numbering, hanya saja ada sedikit perbedaan dalam penulisan kode
contoh :
<ul>
<li>ini bullet satu</li>
<li>ini bullet lagi</li>
<li>yang ini juga bullet</li>
</ul>
maka hasilnya akan terlihat
• ini bullet satu
• ini bullet lagi
• yang ini juga bullet
Selain bullet and numbering kita juga dapat menyisipkan gambar ke dalam web page kita dengan kode berikut :
<img src="cat.jpg">
img src merupakan kode untuk meyisipkan gambar. Sedangkan cat.jpg adalh nama file gambar yang akan dimasukan.
Jika gambar berada dal suatu folder, dapat ditulis
<img src="./image/cat.jpg">
kata image menunjukan alamat dari sebuah folder
contoh :
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ol>
maka hasil yang akan terbentuk di web page akan
1. a
2. b
3. c
4. d
Untuk Bullet hampir sama dengan numbering, hanya saja ada sedikit perbedaan dalam penulisan kode
contoh :
<ul>
<li>ini bullet satu</li>
<li>ini bullet lagi</li>
<li>yang ini juga bullet</li>
</ul>
maka hasilnya akan terlihat
• ini bullet satu
• ini bullet lagi
• yang ini juga bullet
Selain bullet and numbering kita juga dapat menyisipkan gambar ke dalam web page kita dengan kode berikut :
<img src="cat.jpg">
img src merupakan kode untuk meyisipkan gambar. Sedangkan cat.jpg adalh nama file gambar yang akan dimasukan.
Jika gambar berada dal suatu folder, dapat ditulis
<img src="./image/cat.jpg">
kata image menunjukan alamat dari sebuah folder
Subscribe to:
Posts (Atom)