Ini adalah lanjutan tutorial saya dari postingan sebelumnya Gan, semakin banyak tutorial yang saya pelajari di html ternyata membuat saya semakin berkreasi kembali untuk mencoba men share apa yang saya coba, mungkin tutorial ini nantinya bisa berguna bagi kalian yang sedang belajar html.
silahkan diamati --> dianalisis --> jangan di apalin ( isa semalem g tidur nanti, hehe )
<!DOCTYPE HTML>
<html lang="en">
<head>
<title> TABEL KOREKSI </title>
</head>
<body>
<table border="10" cellspacing=5 frame="hsides" rules="groups">
<caption><b>TABEL PERBANDINGAN SIKAP</b></caption>
<pre>
<font face="consolas ">
@andibayu.blogspot.com</br>
209533420400
pti b 2009
</font>
</pre>
<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="250">Spesifikasi Sikap
<th width="50">Poin
<th width="200"> Andi
<th width="200">Agus
<th width="200">Melinda
<th width="200">Riris</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>Cengeng
<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>Egois
<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>Suka Hutang
<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>Pemarah
<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>Total Point</b></td>
<td align="center">40</td>
<td align="center">-11</td>
<td align="center">1</td>
<td align="center">-36</td>
</tr>
</table>
</br></br>
<i>Source: Script Magazine - February. 2011 </i></br>
<br>© andibayu </br>
</body>
</html>
Rumit juga sih script nya, namun itu semua menyenangkan kalu kita liat hasilnya sesuai dengan apa yang kita inginkan ( benar kan!! ), so ini kawan untuk hasil tampilan dari script html di atas :
Sekali lagi tutorial ini hanya sebagai pembelajaran bagi saya khususnya di bidang IT, yang mengkaji masalah HTML, karena pada dasarnya pembelajaran sudah bukan menjadi hal asing lagi di era teknologi seperti saat ini saat ini.
Semoga Tutorial html ini bisa membawa manfaat bagi pembaca, sampai jumpa di pembelajaran selanjutnya...
Bye...
0 komentar:
Posting Komentar
Jangan Pernah Kita Usul Jika Asal, Dan Jika Mau Usul Lebih Baik Jangan Pernah Asal...