Selasa, 02 Februari 2016

2 Buah Soal

1.FUNGSI <FORM>


   Kode <form> berfungsi untuk pembuatan form dalam file HTML.
   Fungsi method bagai mana data akan dikirim ke server.
   Get: data akan dikirim dengan menggunakanquery string pada url.
   Post: data akan dikirim ke server sebagaai block datake script.
   Syntax: method=”post/get”
   Action= menentukan lokassi dari script yang akan memproses data dari from
   Syntax :action=”url”

2.Fungsi Atribut <Form>

Action Attribute


  Action attribute pada HTML Form berfungsi untuk mendefinisikan tindakan apa yang akan   dilakukan ketika ormulir dikirimkan. Umumnya untuk menyerahkan data ke server adalah   dengan menggunakan tombol submit pada. Dengan kata lain, action attribute ini artinya     mau dieksekusi ke mana data itu ketika tombol submit diklik. Dalam contoh di atas, server   yang ditentukan untuk menangani formulir yang diajukan adalah ke                        halamancontoh_action.php

 Method Attribute


 Ada dua method, yaitu GET dan POST. Apa bedanya? method GET pada HTML Form  digunakan jika pengiriman data bersifat pasif, Bila kamu menggunakan method GET maka  data yang dikirim akan terlihat pada page address. Misalnya saja permintaan pada mesin  pencari. Sebagai contoh di bawah ini contoh pencarian di gudang musik dengan  mengetikkan keyword goyang dumang.Method Attribute




 Ada dua method, yaitu GET dan POST. Apa bedanya? method GET pada HTML Form  digunakan jika pengiriman data bersifat pasif, Bila kamu menggunakan method GET maka  data yang dikirim akan terlihat pada page address. Misalnya saja permintaan pada mesin  pencari. 

Name Attribute



 Name attribute pada HTML Form berada di elemen input. Agar data yang dikirimkan  bisa diterima dengan valid, maka masing-masing bidang input harus memiliki name  atribut. Jika tidak dicantumkan name attributnya maka tidak akan diproses oleh form  action.

Minggu, 31 Januari 2016

Top Index
<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23"align="center"bordercolor="#FFFFFF"bgcolor="FFFF00"><strong><font size="+5">bannner atau iklan</font></strong></td>
</tr>
<tr>
<td height="27"align="center" bgcolor="#FFCCCC"><font color="#FF0000">Daftar isi atau navigasi</font></td>
</tr>
<tr>
<td height="457"align="center" bgcolor="#FF66CC"></p>
<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="#FF6633">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23"align="center"bgcolor="#CCFF99"><font color="#9966CC">info tambahan atau lain-lain</font></td>
</tr>
</table>
</form>
</body>
</html>


Contoh gambar :

Top Index
<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form="from1" name="form1" method="post" action="">
<table width="800" height="542" border="1" align="center">
<tr>
<td height="23"align="center"bordercolor="FFFFFF"bgcolor="FFFF00"><strong><font size="+5">bannner/judul</font></strong></td>
</tr>
<tr>
</tr>
<tr>
<td 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="#FF6633">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23"align="center"bgcolor="#CCFF99"><font color="#9966CC">daftar isi navigasi</font></td>
</tr>
</table>
</form>
</body>
</html>

Contoh gambar :

Senin, 25 Januari 2016

Coding WEB Table

<html>
<head>
<title>tabel</title>
</head>
<body>
<h1>
<center>
Berikut contoh tabel dengan rowspan dan colspan</center>
</h1>
<table border="2" cellpadding="0" cellspacing="0" style="width: 80%px;">
<tr>
<td><center>
baris 1 kolom 1</center>
</td>
<td><center>
baris 1 kolom 2</center>
</td>
</tr>
<tr>
<td><center>
baris 2 kolom 1</center>
</td>
</tr>
<tr>
<td rowspan="2"><center>
baris 3 kolom 1</center>
</td>
<td><center>
baris 3 kolom 2</center>
</td>
</tr>
</table>
</body>
</html>
tabel

Berikut contoh tabel dengan rowspan dan colspan

baris 1 kolom 1
baris 1 kolom 2
baris 2 kolom 1
baris 3 kolom 1
baris 3 kolom 2

Coding WEB Table dalam Table

<html>
<head>test</head>
<body bgcolor="#483D8B">
    <table border="1" cellpadding="5">
    <caption>Order Olshop</caption>
<tr>
    <th>Description</th>
    <th>Oty</th>
    <th><align right="">Price</align></th>
    <th>Email Account note</th>
    </tr>
<tr>
    <td>Email Account</td>
    <td align="right">10</td>
    <td align="right">$9.90</td>
    <td 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>
</table>
</td>
</tr>
<tr>
    <td>FYIcenter.com ad</td>
    <td align="right">1</td>
    <td align="right">$99.00</td>
</tr>
<tr>
    <td>1-years Acces</td>
    <td align="right">1</td>
    <td align="right">$199.00</td>
</tr>
<tr>
    <td align="right" colspan="2">Shipping</td>
<td align="right">$3.99</td>
</tr>
<tr>
     <td align="right" colspan="2">Tax</td>
     <td align="right">$15.99</td>
</tr>
</table>
</body>
</html>
Order Olshop
Description Oty Price Email Account note
Email Account 10 $9.90
Mailbox10GB
WebmailYes
POP3Yes
IMAPYes
Anti-spamYes
FYIcenter.com ad 1 $99.00
1-years Acces 1 $199.00
Shipping $3.99
Tax $15.99

Coding WEB

<html>
<head>
<title>Penggunaan ALIGN</title>
</head>
<body>
</body>
<body>
<table align="center" border="1">
<caption><center>
<h1>
Daftar wiraniaga</h1>
</center>
</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>
<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>
</tr>
</table>
</body>
</html>
Penggunaan ALIGN

Daftar wiraniaga

WIRANIAGA KOTA
SEMARANG KUDUSSOLO
Jenis Kelamin Pria 30 20 30
Wanita 20 8 18