KATA
PENGANTAR
Puji dan Syukur Kepada Tuhan Yang Maha
Esa atas Kasih dan Rahmatnya saya bisa
menyelesaikan laporan pratikum pertemuan ke 7 ini. Terselesaikannya tugas web 1
pratikum ke 7 ini diharapkan akan memberi informasi banyak tentang format table,lin,dan form yang mana sekarang ini diperlukan untuk menerima masukan dari orang lain.
Pratikum 7 membahas tentang penjelasan css external dan cara membuatnya
.Saya juga tidak lupa berterimakasih kepada Dosen yang telah mengasuh
matakuliah pemrograman web I saat ini,dan juga kepada teman-teman yang telah
membantu saya untuk memahami pemrograman web I ini.
Bila
ada kekurangan dan kelemahan saya dalam menyelesaikan tugas ini saya minta
maaf,saya juga mengharapkan kritik dan saran yang sifatnya membangun dari
pembaca, untuk kesempurnaan tugas ini selanjutnya. Atas kerjasamanya saya
ucapkan terimakasih.
BAB I
PEMBAHASAN
A.
Membahas Soal UTS Tentang Link,Form
Dan Table
Pada pertemuan pratikum 7 ini membahas soal uts tentang bagaimana cara
memformat table,membuat form yang rapi
sekalilgus cara membuat link dan semua itu selalu diawali pada pembuatan
struktur html sebelumnya.
1.
TABLE
Pada pembahasan sebelumnya kita telah membahas bagaimana cara membuat table
dan pada pembahasan uts kali ini juga
kita kembali mengulangnya sedikit karena format table juga sangat penting dalam
pembuatan form yang rapi.
Tabel merupakan
cara untuk menampilkan informasi dalam bentuk sel yang terdiri atas baris dan
kolom. Tabel dibuat dengan menggunakan tag <table>. Sebuah tabel dibagi
menjadi baris-baris, dan tiap baris dibagi ke dalam cell-cell. Baris dibuat
dengan tag <tr>, dan cell-cell yang akan membentuk kolom dibuat dengan
tag <td>.
2.
FORM
HTML menyediakan tag <FORM> untuk membuat form di
halaman web. Form digunakan untuk menerima masukan dari pengguna, untuk
selanjutnya diolah. Untuk membuat form diperlukan juga tag <INPUT> yang terletak diantara tag <FORM> dan </FORM>.
Tag <INPUT> memiliki
atribut TYPE. Berikut pilihan dari atribut TYPE :
1.
Text : Masukan
berupa teks
2.
Password : Masukan berupa
password, terlihat karakter tertentu
3.
Checkbox : Masukan berupa pilihan, pilihan bisa lebih dari satu
4.
Radio : Masukan
berupa pilihan, pilihan hanya satu
5.
Submit : Tombol untuk
menerima seluruh masukan
6.
Reset : Tombol untuk
membatalkan seluruh masukan
7.
File : Untuk
menerima masukan berupa file
8.
Image : Mirip
submit, untuk masukan berupa gambar yang dapat di klik
9.
Button : Membuat tombol
Dibawah ini adalah struktur html dan hasil
pembahasan uts yang kami kerjakan pada pratikum ke 7 ini sebagai berikut:
<html>
<head>
<title>uts</title>
</head>
<body bgcolor="pink">
<table
width=75% height=10px align=center border=5px>
<tr
height=70px>
<td
colspan=3 align=center><img src="unika.jpg"
width="120px" height="100px"></td>
</tr>
<tr height=300px>
<td width=15% valign=top>
<a href=home.html>home</a> <br>
<a href=product.html>product</a> <br>
<a href=support.html>support</a> <br>
<a href=contact.html>contact</a> <br>
</td>
<td valign=top>
<table border=2px width=100%>
<tr height=80px>
<td align=center> <img
src="tes.jpg" width="100px" height="90px">
</td>
<td align=center> <img
src="keren.jpg" width="90px" height="90px"></td>
<td align=center> <img
src="tes.jpg" width="90px"
height="90px"></td>
</table>
<form>
<table
bgcolor="pink">
<tr>
<td
colspan=3>your coment</td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input
type=text size=40 name=textemail></td>
</tr>
<tr>
<td>subject</td>
<td>:</td>
<td>
<input type=text size=35 name=text subject></td>
</tr>
<tr>
<td>
Description</td>
<td>:</td>
<td><textarea
rows="8" cols="30"></textarea></td>
</tr>
<tr>
<td
colspan=3 align=center><input type=submit value=send> <input
type=reset value=cancel></td>
</tr>
</table>
</form>
</td>
<td width=15%
> <table>
<tr>
<td> <img
src="tes.jpg" width="150px"
height="150px"></td>
</tr>
<tr>
<td> <img
src="keren.jpg"
width="150px" height="150px"></td>
</tr>
<tr>
<td> <img
src="tyhykhj.jpg" width="150px"
height="150px"></td>
</tr>
</td>
</table>
</td>
</tr>
<tr height=50px>
<td colspan=3 align=center><img src="vena.jpg"
width="200px" height="70px"></td>
</tr>
</table>
</html>
Hasilnya
:
Kesimpulan
Dari
pembahasan diatas dapat saya simpulkan
bahwa pembuatan form,table yang rapi selalu didasari pada struktur awal HTML
dan harus bisa memahami semua fungsi tag-tag yang ada pada sebuah html tersebut
.Suatu link bisa terjadi pada halaman yang sama.
Suatu
pekerjaan yang baik dan rapi akan selalu bermakna bagi kita dan orang lain
begitu juga dengan susunan table, form, dan teks yang rapi dan menarik akan
membuat kita dan orang lain senang melihatnya .
