Pertemuan III
1.
Mereview pelajaran sebelumnya
2.
Format formulir
Latihan soal-soal
tag <table>
Latihan
1
1.
Buka
notepad
2.
Ketikkan struktur Html
<Html>
<Head>
<Title></Title>
</Head>
<Body>
</Body>
</Html>
|
3.
rancang tabel seperti di bawah ini
Jumlah
kolom =2, baris =2.
4.
kede programnya adalah .
<Html>
<Head>
<Title></Title>
</Head>
<Body>
<Table>
<Tr>
<Td colspan=3></Td>
</Tr>
<Tr>
<Td></Td>
<Td></Td>
<Td></Td>
</Tr>
<Tr>
<Td colspan=3></Td>
</Tr>
</Table>
</Body>
</Html>
|
5.
simpan kode dengan nama latihan1.html
6.
jalankan web browser
7.
buka file latihan1.html dari web browser yang
sudah berjalan.
Latihan 2S
1.
buka notepad
2.
ketikkan struktur html2
<Html>
<Head>
<Title></Title>
</Head>
<Body>
</Body>
</Html>
|
3.
rancanglah tabel seperti di bawah ini
4.
kode html nya adalah
<Html>
<Head>
<Title></Title>
</Head>
<Body>
<Table>
<Tr>
<Td colspan=3></Td>
</Tr>
<Tr>
<Td></Td>
<Td></Td>
<Td></Td>
</Tr>
<Tr>
<Td colspan=3></Td>
</Tr>
</Table>
</Body>
</Html>
|
5. simpan
kode dengan nama latihan2.html
6. jalankan
web browser
7. buka
file latihan2.html dari web browser yang sudah berjalan.
Latihan
3
1.
buka notepad
2.
ketikkan struktur html
<Html>
<Head>
<Title></Title>
</Head>
<Body>
</Body>
</Html>
|
3.
rancanglah tabel seperti di bawah ini
4.
kode html nya adalah
<Html>
<Head>
<Title></Title>
</Head>
<Body>
<Table>
<Tr>
<Td rowspan=3></Td>
<Td colspan=3></Td>
</Tr>
<Tr>
<Td rowspan=2></Td>
<Td></Td>
</Tr>
<Tr>
<Td></Td>
</Tr>
</Table>
</Body>
</Html>
|
5.
simpan kode dengan nama latiahn3.html
6.
jalankan web browser
7.
buka file latihan3.html dari web browser yang
sudah berjalan.
Latihan 4
1.
buka editor notepad
2.
ketikkan struktur html
<Html>
<Head>
<Title></Title>
</Head>
<Body>
</Body>
</Html>
|
3.
rancang lah tabel seperti di bawah ini.
4. kode htmlnya
adalah
<Html>
<Head>
<Title></Title>
</Head>
<Body>
<Table>
<Tr>
<Td colspan=2></Td>
<Td
rowspan=2></Td>
</Tr>
<Tr>
<Td colspan=2></Td>
</Tr>
<Tr>
<Td colspan=3></Td>
</Tr>
<Tr>
<Td></Td>
<Td></Td>
<Td></Td>
</Tr>
</Table>
</Body>
</Html>
|
5.
simpan file dengan nama latihan4.html
6.
buka web browser
7.
buka file latihan5.html dari web browser yang
sudah berjalan
Latihan
5
1.
buka editor notepad
2.
ketikkan struktur html
<Html>
<Head>
<Title></Title>
</Head>
<Body>
</Body>
</Html>
|
3.
rancanglah tabel seperti di bawah ini
4.
kode html nya adalah
<Html>
<Head>
<Title></Title>
</Head>
<Body>
<Table>
<Tr>
<Td></Td>
</Tr>
<Tr>
<Td colspan=2></Td>
<Td
rowspan=2></Td>
</Tr>
<Tr>
<Td colspan=2></Td>
</Tr>
</Table>
</Body>
</Html>
|
5.
simpan file dengan nama latiahn5.html
6.
buka web browser
7.
buka file latihan5.html dari web browser yang
sudah berjalan
Latihan
6
1.
buka editor notepad
2.
ketikkan struktur html
<Html>
<Head>
<Title></Title>
</Head>
<Body>
</Body>
</Html>
|
3.
rancanglah tabel seperti di bawah ini
4.
struktur html nya adalah
<Html>
<Head>
<Title></Title>
</Head>
<Body>
<Table>
<Tr>
<Td></Td>
<Td></Td>
</Tr>
<Tr>
<Td colspan=2></Td>
</Tr>
<Tr>
<Td rowspan=2></Td>
<Td></Td>
</Tr>
<Tr>
<Td></Td>
</Tr>
</Table>
</Body>
</Html>
|
5.
simpan file
dengan nama latihan6.html
6.
buka web browser
7.
buka file latihan
6.html pada web browser yang sudah berjalan
Format formulir
Ada dua buah metode
pengiriman yang digunakan dalam pengiriman data yang telah diisikan kedalam
formulir :
1.
GET
Adalah input
yang di dapat dari formulir akan dikirim ke server sebagai parameter bagi
program yang menjalankanya.
2.
Input yang di
dapat dari formulir akan di kirim ke server dan dianggap sebagai standart input
untuk program yang memangilnya.
Pembuatn formulir
Tag form memiliki dua buah
atribut yaitu METHOD dan ACTION.
Ø Atribut method digunakan untuk menunjukkan
metode pengiriman informasi ke server, apakah menggunakan method get atau post.
Ø Atribut action
Digunakan
untuk menentukan kemana informasi form akan di serahkan.
Tipe input type
:
1.
Textbox
2.
Password
3.
Radio
4.
Check box
5.
Combo box
6.
Text area
7.
Button
8.
Submit
9.
ResetImage
10. Hidden
