POLTEKAD KODIKLATAD
JURUSAN TEKNIK KOMUNIKASI
DISUSUN OLEH :
Nama : Dheo Putra Pratama (20190437-E)
TEKNIK
KOMUNIKASI D4 ANGKATAN IV
BATU, JUNI 2020
PERCOBAAN 2
MEMBUAT TABEL DAN TAG FORM
MENGGUNAKAN HTML
1. Tujuan : Agar bintara mahasiswa mampu membuat table dan
tag form menggunakan html.
2. Alat dan Bahan :
a. Notead; dan
b. Browser.
3. Dasar Teori :
A.
Notepad.
Notepad adalah sebuah text editor simple
yang sudah ada sejak Windows 1.0 di sekitar tahun 1985, fungsi notepad dari
dulu sampai sekarang dianggap masih sama saja yaitu untuk menulis pesan pendek
( bukan SMS ) notepad juga bisa menyimpan dan membaca semua program bahasa
komputer. notepad gak punya bahasa yg bertele2 dalam pembuatan filenya. Jadi
berjalan sesuai formatan yg di ketik di dalamnya, artinya notepad tidak punya
embel2 kode dalam pembuatan bahasa pemrograman.
- Fungsi-fungsi notepad :
1. Notepad sebagai digital diary
Anda dapat menggunakan notepad diary digital dan secara
otomatis memasukkan tanggal dan informasi waktu untuk setiap baris yang ente
ketik di notepad. Sebagai contoh buka file notepad baru ketik .LOG dibagian
atas kemudian ketikkan beberapa baris seperti contoh diatas dan simpan. Buka
file tersebut dan akan melihat tanggal dan waktu di setiap baris teks notepad.
Atau Anda dapat menambahkan waktu secara manual dengan menekan tombol F5. maka
hasilnya secara otomatis akan menambah waktu dengan sendirinya.
2. Notepad
sebagai HTML Stripper
Idealnya teks pada halaman sebuah web yang diformat khusus untuk jenis font, warna, ukuran, elemen design dan gambar. Dengan notepad Anda dapat menggunakan untuk mengedit komponen teks nya saja. ente tinggal mengcopy dari kode HTML yang ada di halaman web dan Anda paste di notepad yang kemudian dapat Anda simpan untuk digunakan lagi di lain waktu.
Idealnya teks pada halaman sebuah web yang diformat khusus untuk jenis font, warna, ukuran, elemen design dan gambar. Dengan notepad Anda dapat menggunakan untuk mengedit komponen teks nya saja. ente tinggal mengcopy dari kode HTML yang ada di halaman web dan Anda paste di notepad yang kemudian dapat Anda simpan untuk digunakan lagi di lain waktu.
3. Notepad
sebagai penghemat biaya Mencetak
Anda dapat menyalin sebuah dokumen yang besar tetapi terdapat banyak sekali elemen-elemen gambar dimana yang Anda butuhkan hanya tulisan teks saja. Dimana Anda dapat mengirit dari segi tinta, kertas dan tentu saja uang.
Anda dapat menyalin sebuah dokumen yang besar tetapi terdapat banyak sekali elemen-elemen gambar dimana yang Anda butuhkan hanya tulisan teks saja. Dimana Anda dapat mengirit dari segi tinta, kertas dan tentu saja uang.
4. Notepad
sebagai HTML Creator
Notepad dapat Anda gunakan untuk membuat sebuah file /
halaman website. Dengan mengetikkan perintah dasar HTML kemudian menyimpannya
dengan ekstension .html Anda sudah mempunyai 1 file halaman website.
5. Notepad
sebagai pembuat script baik maupun script jahat
Seperti yang sudah Saya katakan di atas Notepad merupakan
editor teks yang sederhana yang dapat digunakan untuk membuat script yang
kompleks. Anda dapat membuat script yang jahat seperti script memformat
harddisk maupun script untuk menshutdown , membuat virus , dan masih banyak
lagi.
6. Notepad
sebagai Teks Replacer
Notepad dapat digunakan ente untuk mengganti sebuah kata di
dalam suatu tulisan. Misalkan Anda ingin mengganti kata ‘Microsoft’ dengan kata
‘Yahoo’, Anda bisa mengcopy tulisan Anda di notepad kemudian untuk mengganti
ente tekan Ctrl + H.
7. Notepad
sebagai Jalan Pintas Windows Explorer
Terkadang ada beberapa file yang tidak dapat dihapus. Anda dapat
mencoba menggunakan notepad sebagai jalan pintas pengganti windows explorer
untuk menghapus file tersebut. ente bisa mencoba File > Open > pada type
file pilih All. ente tinggal mencari file yang ingin dihapus.
4. Langkah - Langkah Percobaan :
a. Siapkan
Notepad; dan
b. Buatkan Coding dibawah Ini dan amati;
-
Membuat Tabel
<html>
<head>
<title>Belajar Membuat
Tabel</title>
</head>
<body>
<center><h4>Table
Border</h4>
<table border="3"
cellpadding="5" cellspacing="10">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
<tr>
<td
colspan="2">Kolom Dengan colspan</td>
</tr>
<tr>
<td
rowspan="2">Kolom Dengan rowspan</td>
<td>Row</td>
</tr>
<tr>
<td>Row</td>
</tr>
</table>
</body>
</html>
-
Membuat Tag Form
<html>
<head>
<title>Mengenal
Form</title>
</head>
<body>
<form name="form1"
method="post" action="aksi.php">
Nama Anda : <input
type="text" name="nama"> <br>
Email Anda : <input
type="text" name="nama"> <br>
Alamat : <textarea
name="komentar" cols="30" rows="5"
></textarea><br>
<input
type="submit" name="Submit" value="Submit">
<input
type="reset" name="Submit2" value="Reset">
</form>
</body>
</html>