Kreasi Grafik Batang Berbasis Tabel

MEMBUAT KREASI GRAFIK BATANG STATIS DENGAN MEMANFAATKAN ELEMEN TABEL

Bagaimanapun, fleksibilitas HTML memungkinkan kita untuk menampilkan data di dalam tabel secara atraktif.
Artinya, tak hanya sebatas pada data tabular saja, namun juga mengizinkan kita melakukan penformatan.
 

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional??EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Grafik Berbasis Tabel</title>

</head>

<p>

<h2>Kreasi Grafik Batang Berbasis Tabel</h2>

<p>

<hr align="left" width="700"></hr>

<table width="700" border="0">

<tr>

<th width="400"><b>PERUSAHAAN</b></th>

<td width="400"><b>PENDAPATAN</b></td>

</tr>

</table>

<hr align="left" width="700"></hr>

<table width="700" border="0">

<!-- data pertama -->

<tr>

    <td>Angin Reboot Ltd</td>

    <td width="150" colspan=3></td>

    <td width="150" colspan=2 bgcolor="blue"></td>

    <td width="150">+150%</td>

</tr>

<!-- data kedua -->

<tr>

    <td>Command Prompt, Inc</td>

    <td width="150" colspan=3></td>

    <td width="75" bgcolor="pink"></td>

    <td width="100">+55%</td>

    <td width="150"></td>

</tr>

<!-- data ketiga -->

<tr>

    <td>Hibernate Ltd</td>

    <td width="75"></td>

    <td width="50" align="right">-23%</td>

    <td width="50" bgcolor="red"></td>

    <td width="350" colspan=3></td>

</tr>

<!-- data keempat -->

<tr>

    <td>Shutdown Ltd</td>

    <td width="75" align="right">-75%</td>

    <td width="100" colspan=2 bgcolor="brown"></td>

    <td width="350" colspan=3></td>

</tr>

</table>

<hr align="left" width="700"></hr>

<body background="floral.jpg">

</body>

</html>

Membuat Frame

CONTOH MEMBUAT DESAIN FRAME

Frame memungkinkan kita untuk menampilkan lebih dari satu halaman dokumen dalam satu waktu. Tidak seperti di tabel, tiap-tiap frame mencerminkan halaman yang independen.

<!DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional??EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/199/xhtml" xml:lang="en" lang="en">

<head>

<title>Studi Kasus</title>

</head>

<frameset rows="20%,*,20%">

<frame src="link2.html" />

<frameset cols="20%,*,20%">

<!-frame kiri -->

<frame src="link1.html" name="left" id="left" />

<!-frame tengah -->

<frame src="linkinternal.html" name="main" id="main" />

<!-frame kanan -->

<frame src="link1.html" name="right" id="right" />

</frameset>

<frame src="link2.html" name="left" id="left"/>

</frameset>

<!-- ini ditampilkan jika browser tidak support frame -->

<noframes>

Browser Tidak Support Frame

</noframes>

</frameset>

</html>

Uang & Cinta

SERIBU RUPIAH PADAKU VS SERIBU CINTA KU PADAMU


Aku bukan anak band
yang bisa menyanyikanmu sebuah lagu


Aku bukan anak photographer
yang bisa memotret pacarnya dan menguploadnya di facebook


Aku bukan anak gaul
yang memiliki segudang baju distro


Aku bukan anak motor
yang bisa membawamu dengan motor modifanku


Aku bukan anak skate
yang bisa kau banggakan dengan memiliki skate seharga 5 juta


dan, Aku bukan anak alay
yang setiap pagi bisa kau liat aku di acara musik pagi


Inilah aku yang apa adanya dan ada apanya
yang lahir dari keluarga yang biasa-biasa saja
yang mencintaimu luar biasa dengan cara yang biasa-biasa saja




Aku mencoba memberimu sebatang coklat
namun kau menginginkan sebatang keju
ohhh..tidak sebatang keju kan lebih mahal dari sebatang coklat

Aku mencoba membuka dompet ku
dan berharap menemukan uang yang bergambarkan Presiden pertama Indonesia. Pak Soekarno Hatta

Namun, aku hanya menemukan 5 lembar uang yang menggambarkan kapitan patimura yang sedang memegang golok

tapi aku disini akan mencintaimu dengan uang 1000 ini dengan seribu bentuk cintaku



Ketika banyak orang mengatakan "Cinta itu Buta"
Namun sekarang tidak
Cinta telah menemukan spesialis mata yang tangguh
sekarang cinta tak buta lagi
Cinta bisa melihat antara yang punya uang dan yang tak punya uang
dan sekarang aku menyimpan dendam pada spesialis mata yang telah menyembuhkan mata si cinta

Walaupun Cinta Fitri tampil sampai season 6
Aku akan Cinta Kamu sampai Season 7
Bahkan sampai season 8 dan seterusnya
tapi apakah kau bisa
mencintaiku sampai season 1 saja...




Sudahlah...Cintaku sudah ditolak
Tenanglah...Dukun tak akan bertindak
Karena...Aku sendiri yang akan bertindak
Mencoba mencintaimu lagi suatu saat kelak...