Belajar coding: HTML Lanjut

Perkenalkan nama saya Moh. Firdaus Firmansyah dari jurusan D3 Teknik Informatika PENS PSDKU Sumenep 2019. pada kali ini saya sedikit membagikan ilmu web lagi yaitu program HTML sederhana, dimana HTML ini sangat wajib untuk membuat website/aplikasi berbasis web. dan HTML sendiri mempunyai arti sendiri yaitu HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web internet (Browser).

Disini ada contoh tampilan web seperti berikut ini :

Dan ini adalah kode programnya

<html>
    <head>
        <title></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>

Dan ini hasilnya :

Belajar coding

Selasa, 16 Juni 2020

HTML Lanjut

Tidak ada komentar:

Posting Komentar

Laporkan Penyalahgunaan