ii
BAB I
PEMBAHASAN
A.
Memahami Link,Form,Table dan Format
Teks Penomoran
Pada pertemuan pratikum III ini membahas tentang
bagaimana cara memformat table,membuat form yang rapi sekalilgus cara membuat link dan semua
itu selalu diawali pada pembuatan struktur html sebelumnya.
1.
Memahami Form dan table
Pada pembahasan sebelumnya kita telah membahas bagaimana
cara membuat table dan pada pembahasan 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>.
Contoh :
<html>
<head>
<title> Form 2 </title>
</head>
<body bgcolor="pink">
<form>
<sup>hy</sup>
Nama-nama Guruku: <br><br>
<input type="checkbox" name="c1"> Lamhot Sitorus
<br>
<input type="checkbox" name="c1" Checked> Sorang
Pakpahan<br>
<input type="checkbox" name="c1"> Misalina
Ginting <br>
<input type="checkbox" name="c1"> Pak
Z.Situmorang<br>
<input type="checkbox" name="c1"> Darsono
Nababan<br>
<input type="checkbox" name="c1"> Pak Andry
Paul<br><br>
Matakuliah favoritku: <br><br>
1
<input type="radio" name="r1"> Matematika Diskrit
<br>
<input type="radio" name="r1" checked>
Pemrograman Web<br>
<input type="radio" name="r1"> Visual Basic
<br>
<input type="radio" name="r1"> Basis Data
<br><br>
Situs Pilihanku: <br><br>
<select>
<option> Detik.Com </option>
<option selected> Kapanlagi.Com </option>
<option> Kickandy.Com </option>
<option> Debritto.Net </option>
</select> <br><br>
Silahkan tuliskan komentar Anda di bawah ini:
<br> <textarea name="kesan" rows="5"
cols="20">
Masukkan komentar di sini !!!
</textarea> <br><br>
<input type="submit" value="kirimkan"><br>
<input type="reset" value="ulangi"><br>
</form>
</body>
</html>
Hasilnya:
2.
Format teks penomoran
Contoh format teks
penomoran berurut sbb:
<html>
<head>
<title> contoh saja </title>
2
</head>
<body>
<ol>
<li> Jeruk </li>
<li> Nanas </li>
<li> Melon </li>
<li> Jambu </li>
</ol>
<ol >
<li> A</li>
<li> B </li>
<li>C </li>
<li> D </li>
</ol>
</body>
</html>
Hasilnya:
3.
Pembuatan form dan link
Link biasanya
terjadi pada halaman yang sama.link itu juga biasanya menggunakan tag <a
href= >.....</a>
Ada tiga status
link yaitu:
a.
Link
b.
Hover
c.
Visited
Contoh program :
<html>
<head>
<title>Belajar Membuat Form </title>
</head>
<h2>Pratikum 3</h2>
<body bgcolor="pink">
<table>
<form>
<tr>
<td>Nama</td>
3
<td> :
</td>
<td>
<input type="text"name" "nama" value="Supena
Halawa" "txteNama"></td>
</tr>
<tr>
<td>Pasword</td>
<td> :
</td>
<td>
<input type="text"name"Pasword"
value="2345Halawa" "txtepasword"></td>
</tr
<tr>
<td>E-mail</td>
<td> :
</td>
<td>
<input type="text"
size="20" name="txtemail"></td>
</tr>
<tr>
<td>
subject</td>
<td>:</td>
<td><input
type="text" size="20" name="txtsub"></td>
</tr>
<tr>
<td>
Comment</td>
<td>:</td>
<td><textarea
row="50" cols="50"></textarea></td>
</tr>
<tr>
<td
colspan=3 align="center">
<input
type="submit" size="20" name="save"
value="save">
<input
type="reset" size="20" name="cancel"
value="cancel">
</td >
</tr>
</table>
</form>
<pre> kesimpulan
untuk menampilkan formulir digunakan tag form
untuk menampilkan tabel gunakan tag table
untuk merancang formulir yang baik gunakan bantuan tabel
dan link itu bisa terjadi pada halaman yang sama
Author: Supena Halawa
NIM : 130810003
4
Date modified : 27 oktober 2014
fakulty of computer science
Chatolic University of North Sumatera
</pre>
<A href=#Top>Top</A>
<A href=pratikum2.html>pratikum2</A>
</body>
</html>
5
BAB II
PENUTUP
Kesimpulan
Dari pembahasan diatas dapat saya
simpulkan bahwa pembuatan form,table yang rapi selalu didasari pada struktur
awal HTML.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,teks
yang rapi dan menarik akan membuat kita dan orang lain senang melihatnya .
Adapun hasil dari struktur HTML yang kami buat yaitu:
Contoh pratikum ke3
<html>
<head>
<h1>Sistem Komputer</h1>
<title>pert_3</title>
</head>
<body bgcolor="pink">
<p>Komputer memiliki 3 komponen yaitu
hardware,software,brainware.
ketiga komponen tersebut bekerja bersama
untuk mencapai suatu tujuan. jika salah satu komponen
gagal (<i>Down</i>)
maka tujuan sistem
tidak akan tercapai. dengan kata lain antara satu komponen dengan
komponen lainnya harus bekerja dengan baik sehingga hasil
yang diharapkan (<i>output</i>)
dapat tercapai dengan baik pula </p>
<p>Hardware adalah perangkat keras dapat terlihat secara fisik
hardware dapat dibagi atas tiga kelompok yaitu: perangkat
input, perangkat
pemroses,
perangkat . perangkat input adalah perangkat yang
menerima masukan dari penerima.
contoh perangkat input adalah:
<i>mouse,keyboard</i>, dan lain-lain.
perangkat pemroses adalah perangkat yang mengolah input
menjadi
sesuatu yang bermanfaat.contoh perangkat pemroses yaitu:
<i>RAM, Prosessor</i>, <i>VGA Card</i> dll.
6
perangkat keluaran adalah perangkat yang menampilkan
hasil pemrosesan. contoh
perangkat keluaran adalah printer, dan
lain-lain</p>
<p>Sotware adalah perangkat lunak yang mengelola
perangkat keras.
sotware dapat dibagi atas 4 kelompok yaitu:
<ol>
<li>sistem informasi</li>
<li>bahasa pemrograman</li>
<li>sistem aplikasi</li>
<li>sistem utility</li>
</ol>
</p>
<p>sistem informasi adalah software yang
memanajemen sumber daya komputer
seperti <i>memory, prosessor</i>, perangkat
input dan output.
dari sisi pengguna ada dua jenis sistem operasi yaitu:
sistem operasi personal dan sistem operasi multi user
contoh sistem operasi adalah:
<ol>
<li>windows</li>
<li>Android</li>
<li>linux</li>
<li>MAC-DOS</li>
<li>MS-DOS</li>
</ol>
</p>
<p>Bahasa pemrograman komputer merupakan software
yang digunakan untuk merancang
sebuah sistem. bahasa pemrograman dapat dikelompokan
kedalam 4 level yaitu:
<ol>
<li>level aras/rendah(cth. bahasa mesin)</li>
<li>level
aras menengah (bahasa assembly)</li>
<li> level alas tinggi (cth.bahasa c
pascal)</li>
<li>level aras tingkat tinggi (vb, java,
delphi)</li>.</p>
</ol>
<p>Aplikasi adalah software yang dirangcang untuk
mengolah data/informasi umum.
berikut ini adalah contoh aplikasi
<ul>
<li>aplikasi pengolah kata,
cth.microsoftword</li>
<li>aplikasi pengolah statistik,cth.spss</li>
<li>aplikasi pengolah animasi, cth.adobe flash
cs6</li>
<li>aplikasi pengolah angka, cth.microsoft
office</li>
7
<li>aplikasi pengolah jejaringan sosial
cth.facebook</li>
</ul>
</p>
<p>utility adalah softwre yang dirancang khusus
untuk mengelola pekerjaan
spesifik cntoh ghost,software untuk mengcopy isi hardisk
dll,
regedit,software untuk mengatur registry
windows</p>
<p>brainware adalah manusia yang mengelola
brainware dapat dikelompokan kedalam 3 bagian yaitu:
operator, programer,analist</p>
<form>
<table>
<tr>
<td>E-mail</td>
<td> :
</td>
<td>
<input type="text"
size="20" name="txtemail"></td>
</tr>
<tr>
<td>
subject</td>
<td>:</td>
<td><input
type="text" size="20"
name="txtsub"></td>
</tr>
<tr>
<td>
Comment</td>
<td>:</td>
<td><textarea
row="50" cols="50"></textarea></td>
</tr>
<tr>
<td
colspan=3 align="center">
<input
type="submit" size="20" name="save"
value="save">
<input
type="reset" size="20" name="cancel"
value="cancel">
</td >
</tr>
</table>
</form>
<pre> kesimpulan
untuk menampilkan formulir digunakan tag form
untuk menampilkan tabel gunakan tag table
untuk merancang formulir yang baik gunakan bantuan tabel
8
Author: Supena Halawa
NIM : 130810003
Date modified : 21 oktober 2014
fakulty of computer science
Chatolic University of North Sumatera
</pre>
<A href=#Top>Top</A>
<A href=pratikum2.html>pratikum2</A>
</body>
</html>
9
