backup

<!DOCTYPE html>
<html>
<head>
    <title>Html-Dasar</title>
</head>
<body>
<h1>Belajar HTML Dasar</h1>
<p>Ini <strong>adalah</strong> sebuah <em>paragraf</em></p>

<!-- tag link -->
<p>Saya sedang belajar HTML dari
<a href="http://www.duniailkom.com" target="-blank">Duniailkom</a>dan akan terbuka di tab baru</p>

<!-- tag image -->
<img alt="" src="">

<h3>Menu Makan Hari Ini</h3>
<!-- tag unorderlist (type square, circle & disc) -->
<ul type="square">
    <li>Pagi Rames</li>
    <li>Siang Sate Gole</li>
    <li>Malam Ayam Goreng</li>
</ul>

<h3>Metode pembelajaran Web Programing Meliputi:</h3>
<dl>
    <dt><strong>HTML</strong></dt>
        <dd>Hypertext Markup Language</dd>
    <dt><strong>CSS</strong></dt>
        <dd>Casecading Style Sheet</dd>
    <dt><strong>PHP</strong></dt>
        <dd>Hypertext Preprosessor</dd>
</dl>
<h3>Rencana kerja di puskesmas</h3>
<!-- tag orderlist (type A, a, I, i, & 1)  -->
<ol type="A">
    <li>Datang</li>
    <li>Duduk</li>
    <li>Diam</li>
    <li>Pulang</li>
</ol>

<h3>Struktur Pegawai Puskesmas Pegantenan</h3>
<!-- tag table (atribut border, cellpadding & cellspascing) -->
<table border="1" cellpadding="5" cellspacing="0">
    <tr>
        <td>No</td>
        <td>Nama</td>
        <td>Alamat</td>
        <td>Jabatan</td>
    </tr>
    <tr>
        <td>1</td>
        <td>Hasan</td>
        <td>Pegantenan</td>
        <td>Kepala Tata Usaha</td>
    </tr>
    <tr>
        <td>2</td>
        <td>Budi</td>
        <td>Lamongan</td>
        <td>Nutrisionis</td>
    </tr>
</table>
<br>

<!--tag form, element form meliputi: tag label (for), tag input (type text, password, radio dan checkbox), tag textare, tag select (tag option) , tag button (type submit, reset dan button) -->
<form>
    <label for="username">username:</label>
    <input type="text" id="username">
        <br>
    <label for="password">password:</label>
    <input type="password" id="password">
        <br>
    <label for="Jenis Kelamin">Jenis Kelamin:</label>
    <input type="radio" id="pria" name="Jeniskelamin" ><label for="pria">pria</label>
    <input type="radio" id="wanita" name="Jeniskelamin" ><label for="wanita">wanita</label>
        <br>
    <label for="Hoby">Hoby</label>
    <input type="checkbox" id="menyanyi"><label for="menyanyi">menyanyi</label>
    <input type="checkbox" id="ngoding"><label for="ngoding">ngoding</label>
    <input type="checkbox" id="traveling"><label for="traveling">traveling</label>
        <br>
    <textarea></textarea>
        <br>

    <select>
        <option>Jakarta</option>
        <option>Semarang</option>
        <option>Surabaya</option>
     </select>
        <br>
    <button type="submit">Daftar</button>
    <button type="reset">Hapus</button>


</form>
</body>
</html>