HTML Lanjutan



HTML (Hyper Text Markup Language) merupakan bahasa pemrograman standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web ( dokumen HTML ) yang terdiri dari berbagai macam format file seperti teks, grafik, animasi, link maupun audio-video. Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Explorer, Mozilla Firefox, Google Chrome, dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi Anda boleh menyimpan file dokumen HTML dengan extention ".html".

Sekarang kita mencoba membuat program dibawah ini:

 

 Source Code Program diatas:

<html>
    <head>
        <title>Lanjutan HTML</title>
    </head>
    <body>
        <table border="0">
            <tr>
                <td>1.</td>
                <td>Nama</td>
                <td>:</td>
                <td>
                    <input type="text" name="nama">
                </td>
            </tr>
            <tr>
                <td>2.</td>
                <td>NRP</td>                 <td>:</td>                 <td>                     <input type="text" name="nrp">
                </td>             </tr>             <tr>                 <td>3.</td>                 <td>Kelas</td>                 <td>:</td>                 <td>                     <input type="text" name="kelas">                 </td>             </tr>             <tr>                 <td>4.</td>                 <td>Jenis Kelamin</td>                 <td>:</td>                 <td>                     <input type="radio" name="kelamin">Pria                     <input type="radio" name="kelamin">Wanita                 </td>
            </tr>             <tr>                 <td>5.</td>                 <td>Agama</td>                 <td>:</td>                 <td>                     <select name="agama">                         <option value="Islam" aria-checked="true">Islam</option>
                        <option value="Kristen">Kristen</option>
                        <option value="Katolik">Katolik</option>
                        <option value="Hindu">Hindu</option>
                    </select>                 </td>             </tr>             <tr>                 <td>6.</td>                 <td>Tempat/Tanggal Lahir</td>                 <td>:</td>                 <td>                     <input type="text" name="tempat"> /                     <input type="text" name="tanggal">                 </td>             </tr>             <tr>                 <td>7.</td>                 <td>Alamat</td>                 <td>:</td>                 <td>                     <textarea name="alamat"> </textarea>                 </td>             </tr>             <tr>                 <td>8.</td>                 <td>Riwayat Pendidikan</td>                 <td>:</td>             </tr>             <tr>                 <td></td>                 <td>a. SD</td>                 <td>:</td>                 <td>                     <input type="text" name="sd">                 </td>             </tr>             <tr>                 <td></td>                 <td>b. SMP</td>                 <td>:</td>                 <td>                    <input type="text" name="smp">                 </td>             </tr>             <tr>                 <td></td>                 <td>c. SMA</td>                 <td>:</td>                 <td>                     <input type="text" name="sma">                 </td>             </tr>             <tr>                 <td>9.</td>                 <td>Email</td>                 <td>:</td>                 <td>
                    <input type="text" name="email">
                </td>             </tr>             <tr>                 <td>10.</td>                 <td>Homepage</td>                 <td>:</td>                 <td>                     <input type="text" name="email">                 </td>             </tr>             <tr>                 <td>11.</td>                 <td>Hobby</td>                 <td>:</td>                 <td>                     <textarea name="hobby"></textarea>                 </td>             </tr>             <tr>                 <td>12.</td>
                <td>Interest</td>
                <td>:</td>                 <td>                     <input type="checkbox" name="interest" value="Komputer">Komputer
                    <input type="checkbox" name="interest" value="Sport">Sport
                   <input type="checkbox" name="interest" value="Travelling">Travelling
                    <input type="checkbox" name="interest" value="Writing">Writing
                    <input type="checkbox" name="interest" value="Reading">Reading
                </td>
            </tr>             <tr>
                <td colspan="2"></td>
                <td colspan="2"><input type="submit" value="Simpan"><input type="reset" value="Reset"></td>
            </tr>
        </table>
    </body> </html>

Komentar