TUGAS 2 latihan HTML Lanjutan

Post Reply
Message
Author
User avatar
iinindrawan
Posts: 11
Joined: 26 Apr 2026, 22:04

TUGAS 2 latihan HTML Lanjutan

#1 Post by iinindrawan »

Tulis KodeHTML Berikut di Visual Studio Code, untuk penamaan filenya bebas:

TUGAS

Code: Select all

<!DOCTYPE html>
<html>
<head>
    <title>Latihan HTML Lengkap</title>
</head>
<body>

    <!-- Judul -->
    <h1>Halo, Saya Andi</h1>
    <p>Ini adalah halaman latihan HTML lengkap</p>

    <!-- Heading -->
    <h2>Contoh Heading</h2>
    <h3>Sub Judul</h3>
    <p>Ini contoh paragraf tambahan</p>

    <!-- Link -->
    <h2>Link</h2>
    <a href="https://google.com" target="_blank">Ke Google</a><br>
    <a href="https://youtube.com" target="_blank">Ke YouTube</a><br>
    <a href="https://facebook.com" target="_blank">Ke Facebook</a><br>
    <a href="https://instagram.com" target="_blank">Ke Instagram</a>

    <!-- Gambar -->
    <h2>Gambar</h2>
    <img src="https://via.placeholder.com/200" width="200" alt="gambar contoh">

    <!-- List -->
    <h2>Hobi</h2>
    <ul>
        <li>Ngoding</li>
        <li>Main HP</li>
        <li>Nonton</li>
    </ul>

    <h2>Kegiatan Harian</h2>
    <ol>
        <li>Bangun</li>
        <li>Makan</li>
        <li>Kerja</li>
    </ol>

    <!-- Tabel -->
    <h2>Biodata</h2>
    <table border="1">
        <tr>
            <th>Nama</th>
            <th>Umur</th>
            <th>Pekerjaan</th>
        </tr>
        <tr>
            <td>Andi</td>
            <td>25</td>
            <td>PNS</td>
        </tr>
        <tr>
            <td>Budi</td>
            <td>30</td>
            <td>Programmer</td>
        </tr>
        <tr>
            <td>Siti</td>
            <td>28</td>
            <td>Designer</td>
        </tr>
    </table>

    <!-- Form -->
    <h2>Form Pendaftaran</h2>
    <form>
        Nama: <input type="text"><br><br>
        Email: <input type="email"><br><br>
        Password: <input type="password"><br><br>

        Jenis Kelamin:<br>
        <input type="radio" name="jk"> Laki-laki<br>
        <input type="radio" name="jk"> Perempuan<br><br>

        <button type="submit">Kirim</button>
    </form>

</body>
</html>
Post Reply