Source Code: Materi Latihan Praktikum Web Pertemuan 3

webMelanjutkan materi pertemuan sebelumnya (Pertemuan 2), pada pertemuan 3 ini ada 3 latihan dasar-dasar HTML. Source code selengkapnya ada di bawah ini. bagaimana keterangan dan penjelasannya sudah saya sampaikan saat pertemuan yang lalu 🙂

  • Latihan 7, mengenal tag OL dan UL. Silahkan disimpan dengan nama file latihan7.html
    <HTML>
    <HEaD>
    <tiTLe>latihan 7</TitLE>
    </hEAd>
    <BodY>
    Hai, saya Erfan.. Saya punya hobi:
    
    <UL type=disc>
    
    <li>baca
    
    <li>coding program
    
    <li>banyak lagi yang lainnya..
    </ul>
    
    
    Saya pernah belajar program:
    
    <ol type=1>
    
    <li>semester sebelumnya
    
    <ol type=a>
    
    <li>C++
    
    <li>Pascal
        </ol>
    
    
    <li>semester sekarang
    
    <ol type=i>
    
    <li>web
    
    <li>visual basic
        </ol>
    
    </ol>
    
    Saya pernah berkunjung ke:
    
    <ul>
    
    <li>india
    
    <li>cina
    
    <li>afrika
    
    <li>luar angkasa
    </ul>
    
    </bODy>
    </htmL>
    
  • Latihan 8, dasar pembuatan tabel dalam halaman HTML. Simpan dengan nama file latihan8.html
    <HTML><HEAD>
    <TITLE>latihan 8/TITLE>
    </HEAD>
    
    <BODY>
    Membuat tabel
    
    <table width=350 ALIGN=CENTER border=1>
    
    <TR align=center>
    
    <td>No.</td>
    
    
    <td width=200>Nama</td>
    
    
    <td width=100>No HP</td>
    
    </tr>
    
    
    <TR>
    
    <td bgcolor=#ababab>1</td>
    
    
    <td>Rowan</td>
    
    
    <td>080010001000</td>
    
    </tr>
    
    
    <TR>
    
    <td>2</td>
    
    
    <td align=right>Atkinson</td>
    
    
    <td>053698765432</td>
    
    </tr>
    
    
    <TR>
    
    <td>3</td>
    
    
    <td colspan=2 bgcolor=red>dua sel menjadi satu</td>
    
    </tr>
    
    
    <TR>
    
    <td rowspan=2 bgcolor=green>dua baris dalam satu kolom menjadi satu</td>
    
    
    <td>Tom</td>
    
    
    <td>0123456789</td>
    
    </tr>
    
    
    <TR>
    
    <td align=center bgcolor=blue>Cruise</td>
    
    
    <td>0987654321</td>
    
    </tr>
    
    
    </BODY>
    </HTML>
    

  • Latihan 9, tentang pembuatan formulir menggunakan tag form. Simpan dengan nama file latihan8.html. untuk penjelasan atribut atau properti yang ada pada tag form sudah disampaikan saat tatap muka dan latihan, silahkan lihat lagi HTML Cheat yang Anda punya 😀
    <html>
    <head>
    <title>Latihan 9</title>
    </head>
    <body>
    
    <form>
    
    <table border=1>
    
    <tr>
    
    <td>Nama</td>
    
    
    <td><input type="text"></td>
    
     </tr>
    
    
    <tr>
    
    <td>Alamat</td>
    
    
    <td><input type="text"></td>
    
     </tr>
    
    
    <tr>
    
    <td>Jenis kelamin</td>
    
    
    <td><input type="radio" name=gender>Laki-laki
           <input type="radio" name=gender>Perempuan</td>
    
     </tr>
    
    
    <tr>
    
    <td>Sumber ilmu Anda</td>
    
    
    <td><input type="checkbox">kampus
           <input type="checkbox">internet
           <input type="checkbox">perpustakaan</td>
    
     </tr>
    
    
    <tr>
    
    <td>Agama</td>
    
    
    <td><Select size=1>
    <option>Islam</option>
    <option>Hindu</option>
    <option>Buddha</option>
    <option>Kristen</option>
    <option>Katolik</option>
           </select></td>
    
     </tr>
    
    
    <tr>
    
    <td>Komentar</td>
    <td><textarea cols=30 rows=4></textarea></td>
    
     </tr>
    
    
    <tr>
    
    <td></td>
    
    
    <td><input type="submit"> <input type="reset"></td>
    
       </tr>
    
    </table>
    
    </form>
    
    </body>
    </html>
    

Pertemuan selanjutnya membahas tentang CSS 😀 latihan yang akan dipraktekkan cukup banyak… 😀

Related Posts

About admin 179 Articles
AmazingLight.info Owner

1 Trackback / Pingback

  1. Source Code: Materi Latihan Praktikum Web Pertemuan 4 : AmazingLight.info

Leave a Reply

Alamat email Anda tidak akan dipublikasikan.


*