Jumat, 12 Juni 2020

       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.

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.

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>

5.       Hasil Percobaan    :