PKL di STMIK AKAKOM (2 April 2014)

Hari ke-54 PKL di STMIK AKAKOM (Selasa, 2 Apr 2014), hari ini saya dan dua teman saya yakni Kafi dan Hafiz seperti hari Rabu biasa, mengikuti mata kuliah Pak Rahmat yakni Pengenalan Web. Kami mendapat materi tentang pembuatan dan pemformatan tabel yang beberapa memang sudah cukup saya kuasai karena telah diajarkan di sekolah saya. Beberapa materi yang kami dapat antara lain:
- Tag untuk membuka pembuatan tabel yakni <table> dan diakhiri dengan </table>
- Untuk membuat baris gunakan <tr>....</tr> dan untuk membuat kolom gunakan <td>....</td>
- Dalam tag <table> gunakan atribut border untuk mengatur ketebalan garis tabel
- Dan dalam tag <td> ada beberapa atribut diantaranya:
a. align: digunakan untuk mengatur perataan teks(secara horizontal) dalam sebuah cell table
b. valign: digunakan untuk mengatur perataan teks dalam sebuah cell secara vertikal
c. width: mengatur lebar sebuah cell
e. height: mengatur tinggi sebuah cell
f. rowspan: untuk menggabungkan baris
g. colspan: untuk menggabungkan kolom

Dan berikut adalah contoh source code bagi yang ingin mencobanya:

	<html>
	<head>

	<title>Table Formatting</title>
	</head>
	<body>
	<table border="1" bordercolor="#FF9900" cellpadding="10">
	<tr>
	<td bgcolor="#FF0000" align="left" valign="top">Baris Satu Kolom Satu</td>
	<td bgcolor="#FFFF00" align="center" valign="top">Baris Satu Kolom Dua</td>
	<td bgcolor="#00FF00" align="right" valign="top">Baris Satu Kolom Tiga</td>
	</tr>

	<tr>
	<td bgcolor="#0000FF" rowspan="2" align="left" valign="middle">Baris Satu Kolom Dua</td>
	<td bgcolor="#FF00FF" colspan="2" align="center" valign="middle">Baris Dua Kolom Dua</td>
	</tr>

	<tr>
	<td bgcolor="#9933CC" align="center" valign="bottom">Baris Tiga Kolom Dua</td>
	<td bgcolor="#66FFFF" align="center" valign="bottom">Baris Tiga Kolom Tiga</td>
	</tr>

	</table>
	</body>
	</html>

Dan berikut contoh jadinya:

Baris Satu Kolom Satu	Baris Satu Kolom Dua	Baris Satu Kolom Tiga
Baris Satu Kolom Dua	Baris Dua Kolom Dua
Baris Satu Kolom Dua	Baris Tiga Kolom Dua	Baris Tiga Kolom Tiga