Code Snippet

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>Ini Judul</title>
  </head>
  <body>
    <h1>Portfolionya Dapa</h1>
    <hr/>
    <p>
        Mau tahu tentang aku? <a href="tentang.html">klik di sini</a>
    </p>

    <img src="sonnet.png" width="300"/>

    <h2>My Projects:</h2>

    <p>
        <a href="project/index.html">Klik di sini untuk lihat project-project ku</a>
    </p>

    <h2>My Social Media</h2>
    
    <table border="1">
      <tr>
        <th>Sosmed</th>
        <th>Username</th>
        <th>Link</th>
      </tr>
      <tr>
        <td>Instagram</td>
        <td>daffarahmn_</td>
        <td>
          <a href="https://instagram.com/daffarahmn_">Link</a>
        </td>
      </tr>
      <tr>
        <td>
          Github
        </td>
        <td>
          daffarahman
        </td>
        <td>
          <a href="https://github.com/daffarahman">Link</a>
        </td>
      </tr>
    </table>

    <hr/>

    <p>Copyright 2026 Daffa Rahman</p>
    
  </body>
</html>

tentang.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tentang Aku</title>
</head>
<body>
    <h1>Tentang Aku</h1>
    <p>
      Halo! namaku Dapa aku mahasiswa program studi informatika UNS angkatan 2024, aku suka ngoding, ngajar, dan freelance. Cek website ku <a href="https://madebydap.com">di sini</a>
    </p>
    <p>
        <a href="index.html">Klik di sini</a> untuk kembali ke halaman utama
    </p>
</body>
</html>

sonnet.png

/project/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Project saya</title>
</head>
<body>
    <h1>Project Saya</h1>

    <ul>
      <li>P!NGFEST Website</li>
      <li>BEM UNS Website</li>
      <li>Learn With Dap</li>
      <li>Latsol.App</li>
    </ul>

    <p>
        <a href="../index.html">Klik di sini</a> untuk kembali ke halaman utama
    </p>
</body>
</html>