Membuat Link dalam Tabel

Selasa, 15 Februari 2011

Ini merupakan study kasus yang ada di Modul 2.
Hasil :
a. Download Videos

b. Download Lyrics

c. Download Songs

Berikut adalah scriptnya. Selamat mencoba...
Read More...
Diposting oleh amaLameLia di 08.09 0 komentar
Label:

Halaman Web Sederhana

Ini merupakan study kasus dari modul 1 Praktikum Web..
Script yg digunakan :
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Study Kasus</title>
</head>
<body background="gambar/westlife.jpg">
<link rel="icon" href="gambar/matrix.ico" />
<h1>Something About Me</h1>
<hr color="red" /
<ol>
<li>Picture</li>
<img src="gambar/sk2.jpg" width=100 height=100 alt="The Devil Woman"/>
<li>Name :</li>
Amalia Istiqomah

<li>Religion :</li>
Moslem

<li>Occupation :</li>
<ul>
<li>mahasiswa</li>
<li>pelajar</li>
</ul>

<li> Gombalan Maut Words :</li>
Aceh – loen galak ngon gata; Bangka – ku nek kek ka; Banjarmasin – unda katuju’ lawan ikam; Batak Karo – ngena ateku kam; Batak Toba – holong rohakku tu ho; Bugis – u puji’ki an’dri; Jawa – Aku tresno karo kowe – kulo tresno karo kowe – Kulo tresna Panjenengan
</ol>
<hr align="left" color="red" width=300>
<hr color="red" />
</body>
</html>

Hasilnya seperti ini :
Diposting oleh amaLameLia di 07.52 0 komentar
Label:

Membuat Tabel Sederhana pada Web

Senin, 14 Februari 2011

Postingan lalu saya membahas tentang cara membuat grafik batang kan??. Sekarang saya akan memberikan cara membuat tabel sederhana. Tabel yang saya buat bentuknya seperti ini...


Script yang saya buat sehingga menghasilkan tabel sederhana seperti diatas adalah :

<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Tugas Praktikum Tabel</title>
</head>
<body>
<table border="5" cellspacing=1 frame="hsides" rules="groups">
<caption><b>TABEL PERBANDINGAN SIKAP</b></caption>

<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<colgroup align="center">
<tr><th width="35">No.<th width="200">Spesifikasi Sikap
<th width="50">Poin
<th width="100">Bejo
<th width="100">Bajul
<th width="100">Peno
<th width="100">Koplak</tr>

<tbody>
<tr><td align="center">1
<td>Kerja Keras
<td align="center">8<td align="center">X
<td align="center">X
<td align="center">-
<td align="center">-
</tr>
<tr><td align="center">2
<td>Tekun
<td align="center">9<td align="center">X
<td align="center">X
<td align="center">X
<td align="center">-
</tr>
<tr><td align="center">3
<td>Tidak Sombong
<td align="center">6<td align="center">X
<td align="center">-
<td align="center">-
<td align="center">-
</tr>
<tr><td align="center">4
<td>Sabar
<td align="center">7<td align="center">X
<td align="center">-
<td align="center">-
<td align="center">-
</tr>
<tr><td align="center">5
<td>Pemaaf
<td align="center">10<td align="center">X
<td align="center">-
<td align="center">X
<td align="center">-
</tr>
<tbody>
<tr><td align="center">6
<td>Pemalas
<td align="center">-5<td align="center">-
<td align="center">-
<td align="center">X
<td align="center">X
</tr>
<tr><td align="center">7
<td>Ceroboh
<td align="center">-3<td align="center">-
<td align="center">-
<td align="center">X
<td align="center">X
</tr>
<tr><td align="center">8
<td>Tinggi Hati
<td align="center">-7<td align="center">-
<td align="center">X
<td align="center">-
<td align="center">X
</tr>
<tr><td align="center">9
<td>Pendendam
<td align="center">-10<td align="center">-
<td align="center">X
<td align="center">X
<td align="center">X
</tr>
<tr><td align="center">10
<td>Kurang Vitamin
<td align="center">-11<td align="center">-
<td align="center">X
<td align="center">-
<td align="center">X
</tr>
<tbody>
<tr>
<td colspan=3 align="center"><b>Jumlah Poin</b></td>
<td align="center">40</td>
<td align="center">-11</td>
<td align="center">1</td>
<td align="center">-36</td>
</tr>
</table>

<i>Source: informatic-rip.blogspot.com - February, 2011 </i>
<br>&copy; amaLameLia </br>

</body>
</html>

Demikianlah.. Semoga Bermanfaat.. Selamat Belajar.. Terimakasih.. ^^
Diposting oleh amaLameLia di 20.03 0 komentar
Label:

Cara Membuat Grafik pada Web

yey!!. Akhirnya posting lagi setelah sekian lama vakum dari dunia blog. Hehehe

Kali ini saya sedang belajar HTML. Lebih tepatnya membuat grafik pada tabel. Yah, karena namanya belajar jadi ya belum begitu perfect lah.. cuma ala kadarnya aja. Jadi pada tulisan kali ini, saya akan menampilkan grafik batang. Seperti pada gambar di bawah ini...


Dan Script dari grafik diatas adalah :

<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Tugas Praktikum Grafik</title>
</head>
<body bgcolor=gray>
<table border=0 align="center" cellspacing=5 cellpadding=5>
<caption><b>GRAFIK HASIL TES PENDTIUM '09</b></caption>
<tr>
<td align="right">100</td>
<td rowspan=11 bgcolor=black></td>
<td width="15" height="20">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td width ="15" height="100" bgcolor=red rowspan=10></td>
<td></td>
<td></td>
<td width ="15" bgcolor=blue rowspan=10></td>
</tr>

<tr>
<td align="right">90</td>
<td width="15" height="20"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td width ="15" height="40" bgcolor=green rowspan=9></td>
<td width="15" bgcolor=purple rowspan=9></td>
</tr>

<tr>
<td align="right">80</td>
<td width="15" height="20"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td width ="15" bgcolor=yellow rowspan=8></td>
</tr>

<tr>
<td align="right">70</td>
<td width ="15" rowspan=7></td>
<td width ="15" height="40" rowspan=2></td>
<td width ="15" height="140" bgcolor=yellow rowspan=7></td>
<td width ="15" height="20" rowspan=1></td>
<td width ="15" rowspan=3></td>
<td width ="15" bgcolor=purple rowspan=7></td>
<td width ="15" rowspan=7></td>
<td width ="15" rowspan=7></td>

<td width ="15" rowspan=3></td>
<td width ="15" rowspan=3></td>
</tr>

<tr >
<td align="right">60</td>
<td width ="15" bgcolor=green rowspan=6></td>
<td width="15" bgcolor=green rowspan=6></td>
</tr>

<tr>
<td align="right">50</td>
<td width ="15" height="120" rowspan=5 bgcolor=red></td>
<td width ="15" bgcolor=blue rowspan=5></td>
</tr>

<tr >
<td align="right">40</td>
<td width ="15" height="80" bgcolor=blue rowspan=4></td>
<td width="15" bgcolor=red rowspan=4></td>
<td width="15" bgcolor=yellow rowspan=4></td>
<td width="15" bgcolor=purple rowspan=4></td>
</tr>

<tr >
<td align="right">30</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td width ="15" height="60" bgcolor=blue rowspan=3></td>
<td width ="15" bgcolor=purple rowspan=3></td>
</tr>

<tr >
<td align="right">20</td>
<td width ="15" rowspan=2></td>
<td width="15" bgcolor=red rowspan=2></td>
<td width="15" bgcolor=yellow rowspan=2></td>
<td width="15" bgcolor=green rowspan=2></td>
</tr>

<tr >
<td align="right">10</td>
</tr>

<tr>
<td></td>
<td height="25" colspan=25 bgcolor=black></td>
</tr>

<tr>
<td colspan=3></td>
<td colspan=5 align="center"><b>PTI '09 - A</b></td>
<td></td>
<td colspan=5 align="center"><b>PTI '09 - B</b></td>
<td></td>
<td colspan=5 align="center"><b>PTI '09 - C</b></td>
<td></td>
<td colspan=5 align="center"><b>PTI '09 - D</b></td>
<td></td>
</table>

<table border=0 align="left" cellspacing=0 cellpadding=0>
<tr>
<td><b><i>Keterangan:</i></b></td>
</tr>

<tr>
<td bgcolor=red width="40"></td>
<td><i> : Kemampuan membaca</i></td>
</tr>

<tr>
<td bgcolor=yellow width="40"></td>
<td><i> : Kemampuan menulis</i></td>
</tr>

<tr>
<td bgcolor=green width="40"></td>
<td><i> : Kemampuan mendengar</i></td>
</tr>

<tr>
<td bgcolor=blue width="40"></td>
<td><i> : Kemampuan berbicara</i></td>
</tr>

<tr>
<td bgcolor=purple width="40"></td>
<td><i> : Kemampuan menggambar</i></td>
</tr>

</table>
<br><br><br><br><br><br><br>
<font face="times new roman">
&copy; informatic-rip.blogspot.com
</font>

</body>
</html>

Demikianlah hasil karya saya. Semoga dapat bermanfaat. Terimakasih... ^^
Diposting oleh amaLameLia di 19.28 0 komentar
Label:
Langganan: Postingan (Atom)