Jumat, 06 Mei 2016

Tugas 3 Gambar

<html>
<head>
<title>gambar</title>
</head>
<body>
<h2><h>MENYAJIKAN FORMAT GAMBAR DENGAN KETERANGAN</h2>
<img src="rossi.jpg"title="Rossi"/>
</body>
</html>


Tugas 2 Gambar

<html>
<head>
<title>gambar</title>
</head>
<body>
<h2><h>MENGGABUNGKAN GAMBAR DALAM TEKS, POSISI TERHADAP TEKS SECARA HORISONTAL</h2>
<p><img width=200 src="Rossi.jpg" align="top" align<big>Rossi</P>
<p><img width=200 src="Lorenzo.jpg" align="right" align="bottom" align="right"<big>Lorenzo</P>
</body>
</html>


Tugas 1 Gambar

<html>
<head>
<title>gambar</title>
</head>
<body>
<h3><b>MENGGABUNGKAN GAMBAR DALAM TEKS, POSISI TERHADAP TEKS SECARA VERTIKAL</h3>
<p><img width=190 src="Rossi.jpg" align="top">Rossi</p>
<p><img width=190 src="Marquez.jpg" align="middle">Marquez</p>
<p><img width=190 src="Lorenzo.jpg" align="bottom">Lorenzo</p>
</body>
</html>


Selasa, 02 Februari 2016

Contoh Coding menggunakan fungsi form

<!DOCTYPE html>

<head>
<title>Top INdex</title>
</head>
<body>
<form id="form1" nama="form1"medhod="post"action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="80" align="center" bordecolor="#FFFFF"bgcolor="#FFF00"><strong><font size="10">Banner / Judul </font></strong></td>
</tr>
<tr>
<th height="457" align="center" bgcolor="silver">
<p>Body atau contents(isi)</p>
<p><font color="006600">body atau contents(isi)</font></p>
<P><font color="cc0000">body atau contents(isi)</font></p>
<p><font color="ffff00">body atau contents(isi)</font></p>
<p><font color="9f5f9f">body atau contents(isi)</font></p>
</th>
<th>
</tr>
<tr>
<th height="30" align="center" bgcolor="ccff99"><font color="#cc0000">Info Daftar isi navigasi</font></td>
</th>
<th>
</tr>
</table>
</form>
</body>
</html>

Kamis, 21 Januari 2016

Tugas : Contoh Tabel Rowspan dan Colspan

<html>
<head>
<title>Tugas : Contoh Tabel Rowspan dan Colspan</title>
</head>
<body>
<table align="center" width=50% border=2 cellspacing=0cellspacing=0>
<caption>Berikut Contoh Tabel Dengan Rowspan Dan Colspan</caption>
<tr>
<td>baris 1 kolom 1 </td>
<td>baris 1 kolom 2 </td>
</tr>
<tr>
<td colspan=2>baris 2 kolom 1 </td>
</tr>
<tr>
<td>baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
</tr>
</table>
</body>
</html>

Tugas : Pengggunaan ALIGN

<html>
<head>
<title>Tugas : Pengggunaan ALIGN</title>
</head>
<body>
<table align="center" border="1">
<caption>Daftar Wiraniaga</caption>
<tr>
<th colspan="2"rowspan="2">WIRANIAGA</th>
<th colspan="3">KOTA</th>
</tr>
<tr>
<th>SEMARANG</th>
<th>KUDUS</th><th>SOLO</th>
<tr>
<tr>
<th rowspan="2">Jenis Kelamin</th>
<th>Pria</th>
<td align="right">30</td>
<td align="right">20</td>
<td align="right">30</td>
</tr>
<tr>
<th>Wanita</th>
<td align="right">20</td>
<td align="right">8</td>
<td align="right">18</td>
</tr>
</table>
</body>
</html>

Tugas : Tabel Online Order

<html>
<head>
<title>Tugas : Tabel Online Order</title>
</head>
<body>
<table align="center" border="1" style="background:#ffc" width=35% cellspacing="1">
<tr>
<caption>Online Order</caption>
<tr>
<th style="background:red;width:33%;">Description</th>
<th style="background:red;width:7%;">Qty</th>
<th style="background:red;width:14%;">Price</th>
<th style="background:red;width:51%;">Email account note</th>
</tr>
<tr>
<td>Email Account</td>
<td align="right">10</td>
<td align="right">$9.90</td>
<td align="center" rowspan="5"><table border="1">
   <tr>
   <td>Mailbox</td>
   <td>10GB</td>
   </tr>
   <tr>
   <td>Webmail</td>
   <td>Yes</td>
   </tr>
   <tr>
   <td>POP3</td>
   <td>Yes</td>
   </tr>
   <tr>
   <td>IMAP</td>
   <td>Yes</td>
   </tr>
   <tr>
   <td>Anti-Spam</td>
   <td>Yes</td>
   </tr>
   </td>
   </table>
</tr>
<tr>
<td>FYIcenter.com Ad</td>
<td align="right">1</td>
<td align="right">$99.90</td>
</tr>
<tr>
<td>1-year Access</td>
<td align="right">1</td>
<td align="right">$199.00</td>
</tr>
<tr>
<td colspan=2 align="right">Shipping</td>
<td align="right">$3.99</td>
</tr>
<tr>
<td colspan=2 align="right">Tax</td>
<td align="right">$15.99</td>
</tr>
<body background="smkn2bjm.jpg">
<html>