Selamat Datang di Blog AGUNG PANJI SASMITO

Minggu, 13 Februari 2011

Belajar Web Programming : Tugas Praktikum 2 Modul 2 - Komponen HTML Lanjut

Posted in , | 2/13/2011 05:08:00 PM | by Agung P. Sasmito | @ajungpangi

Selamat sore teman-teman =)

Puji syukur kepada Tuhan akhirnya tugas tinggal Tugas Praktikum yang kedua yang belum saya share di sini T_T. Namun, walaupun lelah, tidak ada kata menyerah bukan?

Kali ini kita diminta untuk menggunakan fitur grouping dalam bentuk tabel dan adanya border tabel yang dihilangkan di sisi kiri dan kanan. Mau tahu rahasianya? Ayoo, cermati sintaks berikut =)

<!DOCTYPE HTML>
<html lang = "en">
<title>Tabel Pengelompokan - Tugas Praktikum 2 Modul 2 - ajungpangi</title>
<body>
<center>

<table border ='1'cellspacing='0'frame=hsides rules='groups'summary='Grouping Table'>
<caption><font face="Copperplate Gothic Bold"size='6'color='blue'>Perbandingan Layanan WindowsVISTA</font><br/><br/></caption>

<colgroup align='center'>
<colgroup align='center'>
<colgroup align='center' span='2'>
<colgroup align='center'>
<colgroup align='center'>
<thead valign='middle'>

<tr>
<th width='25'bgcolor='black'><font color='white'face='Palatino Linotype' size='3'>No</font></th>
<th width='250'bgcolor='black'><font color='white'face='Palatino Linotype' size='3'>Fitur</font></th>
<th width='150'bgcolor='black'><font color='white'face='Palatino Linotype' size='3'>Home Basic</font></th>
<th width='150'bgcolor='black'><font color='white'face='Palatino Linotype' size='3'>Home Premium</font></th>
<th width='150'bgcolor='black'><font color='white'face='Palatino Linotype' size='3'>Business</font></th>
<th width='150'bgcolor='black'><font color='white'face='Palatino Linotype' size='3'>Ultimate</font></th>
</tr>

<tbody>
<tr>
<td align='right'><font face='Palatino Linotype' size='3'>1.</font></td>
<td><font face='Palatino Linotype' size='3'>Sekuritas Tinggi</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
</tr>
<tr>
<td align='right'><font face='Palatino Linotype' size='3'>2.</font></td>
<td><font face='Palatino Linotype' size='3'>Pencarian Cepat</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
</tr>
<tr>
<td align='right'><font face='Palatino Linotype' size='3'>3.</font></td>
<td><font face='Palatino Linotype' size='3'>Fitur Back-Up</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
</tr>
<tr>
<td align='right'><font face='Palatino Linotype' size='3'>4.</font></td>
<td><font face='Palatino Linotype' size='3'>Konektivitas Bisnis</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
</tr>

<tbody>
<tr>
<td align='right'><font face='Palatino Linotype' size='3'>5.</font></td>
<td><font face='Palatino Linotype' size='3'>Support Mobile PC dan Tablet</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
</tr>
<tr>
<td align='right'><font face='Palatino Linotype' size='3'>6.</font></td>
<td><font face='Palatino Linotype' size='3'>Support XBOX 360</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
</tr>

<tbody>
<tr>
<td align='right'><font face='Palatino Linotype' size='3'>7.</font></td>
<td><font face='Palatino Linotype' size='3'>Windows Aero</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
</tr>
<tr>
<td align='right'><font face='Palatino Linotype' size='3'>8.</font></td>
<td><font face='Palatino Linotype' size='3'>Windows Media Center</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
</tr>
<tr>
<td align='right'><font face='Palatino Linotype' size='3'>9.</font></td>
<td><font face='Palatino Linotype' size='3'>Windows Teamwork</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
</tr>
<tr>
<td align='right'><font face='Palatino Linotype' size='3'>10.</font></td>
<td><font face='Palatino Linotype' size='3'>Windows BitLocker</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Tidak</font></td>
<td align='center'><font face='Palatino Linotype' size='3'>Ya</font></td>
</tr>
<tbody>
<tr>
<td align='center'colspan='2'bgcolor='black'><font color='white'face='Palatino Linotype' size='3'>Kesimpulan</font></td>
<td align='center'bgcolor='gray'><font face='Palatino Linotype' size='3'><strong>Dasar</strong></font></td>
<td align='center'bgcolor='gray'><font face='Palatino Linotype' size='3'><strong>Pendidikan</strong></font></td>
<td align='center'bgcolor='gray'><font face='Palatino Linotype' size='3'><strong>Kalangan Bisnis</strong></font></td>
<td align='center'bgcolor='gray'><font face='Palatino Linotype' size='3'><strong>Programmer-Grafis</strong></font></td>
</tr>
</table>

<table>
<tr>
<td width='875'>Sumber : <a href='www.windowsvista.com'title='WebSite WindowsVISTA'>WebSite Windows VISTA</a></td>
</tr>
<tr>
<td><i>Diposkan di Batu, 13 Februari 2011 oleh <a href="http://twitter.com/ajungpangi"title="Agung Panji Sasmito"><b>ajungpangi</b></a>.</i></td>
</tr>
</table>
</center>
</html>


Screenshoot :


Mau tahu webpage ini secara langsung?
Klik saja ajungpangi.110mb.com =)

Tidak ada komentar:

Posting Komentar

Jangan lupa memberi komentar pada setiap postingan saya!

Langganan: Posting Komentar (Atom)

TInggalkan Komentar