Moh. Firdaus Firmansyah: HTML

Perkenalkan nama saya Moh. Firdaus Firmansyah dari jurusan D3 Teknik Informatika PENS PSDKU Sumenep 2019. pada kali ini saya sedikit membagikan ilmu web 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>Biodata</title>
</head>
<body>
<ol type="1">
<li>Nama : Moh. Firdaus Firmansyah</li>
<li>NRP : 2103191216</li>
<li>Kelas: D3 TI PSDKU Sumenep</li>
<li>TTL : Sumenep/27 Januari 2001</li>
<li>Alamat :</li>
Jl. Raya Manding No. 18A<br> Manding, Sumenep
<li>
Riwayat Pendidikan :
<ol type="A">
<li>SD : SDN Manding Laok 1</li>
<li>SMP : SMPN 1 Manding</li>
<li>SMK : SMKN 1 Sumenep</li>
</ol>
</li>
<li>Email : <a href ="mailto:
duatujuh0101@gmail.com">duatujuh0101@gmail.com</a></li>
<li>Homepage : <a href
="www.perfectparadise27.blogspot.com">www.perfectparadise.blogspot.com</a></li>
<li>
Hobby :
<ol type="A">
<li>Tidur</li>
<li>Makan</li>
<li>Main gitar</li>
</ol>
</li>
<hr>
<li>Deskripsi Pribadi Saya :
<p>Saya pemalu, agak kurang suka dengan pergaulan bebas, tetapi saya senang
melihat orang lain dengan adanya pergaulan bebas(+),<br>
Selalu gagal untuk percaya diri, namun saya pantang menyerah untuk menjadi orang
yang percaya diri<br></p>
<blockquote>MESKIPUN SAYA TIDAK JAGO MAIN GITAR, TETAPI SAYA TIDAK
PERNAH BERHENTI UNTUK BELAJAR<br>
TIDAK MASALAH BAGI SAYA</blockquote>
</li>
</ol>
</body>
</html>







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 :

Moh. Firdaus Firmansyah

Tuesday, June 16, 2020

HTML

No comments:

Post a Comment