Skillpath WebDev No. 11

Mohon bantuannya Kak, ini sejak kemarin ngerjain no 11 masih belum benar juga. Kira-kira salahnya dimana, ya?

Hi @Ane_Farisusanti ,

Boleh share seluruh kodenya yaa di dm atau disini biar kami bisa bantu debug lebih mudah. Sekilas terlihat aman2 saja

1 Like
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" type="text/css" href="style.css" />

    <script src="script.js"></script>

</head>

<body>

    <!-- Tambahkan kode kalian di sini -->

  <header>

    <nav>

      <ul>

        <li><a href="#">Home</a></li>

        <li><a href="#">About</a></li>

        <li><a href="#">Contact</a></li>

      </ul>

    </nav>

  </header>

  <div class="content">

        <img src="https://images.unsplash.com/photo-1423784346385-c1d4dac9893a?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" width="431"> <alt="No Hoax" />

        <p id="description">

            Semakin pesatnya perkembangan teknologi, melahirkan banyaknya ruang publik baru. Jangkauan komunikasi semakin luas penyebaran informasi pun semakin cepat. Banyak hal positif yang dapat kita ambil dengan kemudahan akses informasi ini, namun tak terlepas pula dari besarnya dampak negatif seperti penyebaran hoaks yang kian merajalela.<br>

            <br>Mudahnya penyebaran hoaks disinyalir sebagai salah satu dampak dari rendahnya literasi masyarakat,

            sehingga kemampuan kritis untuk mengevaluasi dan mengkaji informasi yang didapatkan dari berbagai sudut pandang sangat minim, sehingga menelan mentah-mentah berita yang didapat begitu saja.<br>

            <br>Atas dasar itulah kami hadir, untuk meningkatkan kesadaran masyarakat tentang pentingnya memeriksa kebenaran informasi dan memahami literasi digital melalui seminar, workshop, dan we■■■■■ yang akan mengajarkan cara mengenali hoax, dan meningkatkan literasi digital dalam komunitas yang menyenangkan.

        </p>

        <a id="link" href="https://skilvul.com">Gabung Bersama Skilvul</a><br>

       

  <div>

    <form>

      <br><input id="name" type="text"/><br>

      <input id="city" type="text"/><br>

      <input id="email" type="email"/><br>

      <input id="zip-code" type="number"/><br>

       <br><input id="status" type="checkbox"/>

      <label id="check">

       Dengan ini saya menyatakan data yang diisi pada form ini adalah benar dan telah sesuai.</label><br>

   

      <br><button id="submit-form" type="submit">Submit</button>

      <div id="warning" ></div><br>

     

    </form>

  </div>

  <footer>

    <p>

      © GreatNetz Copyright

      </p>

  </footer>

</body>

</html>

Hi @Ane_Farisusanti

Kamu sepertinya lupa meletakkan tag penutup untuk div. Ini perbaikan nya yaa

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <link rel="stylesheet" type="text/css" href="style.css" />

    <script src="script.js"></script>
  </head>

  <body>
    <!-- Tambahkan kode kalian di sini -->

    <header>
      <nav>
        <ul>
          <li><a href="#">Home</a></li>

          <li><a href="#">About</a></li>

          <li><a href="#">Contact</a></li>
        </ul>
      </nav>
    </header>

    <div class="content">
      <img
        src="https://images.unsplash.com/photo-1423784346385-c1d4dac9893a?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
        width="431"
        alt="No Hoax"
      />

      <p id="description">
        Semakin pesatnya perkembangan teknologi, melahirkan banyaknya ruang publik baru. Jangkauan
        komunikasi semakin luas penyebaran informasi pun semakin cepat. Banyak hal positif yang
        dapat kita ambil dengan kemudahan akses informasi ini, namun tak terlepas pula dari besarnya
        dampak negatif seperti penyebaran hoaks yang kian merajalela.<br />

        <br />Mudahnya penyebaran hoaks disinyalir sebagai salah satu dampak dari rendahnya literasi
        masyarakat, sehingga kemampuan kritis untuk mengevaluasi dan mengkaji informasi yang
        didapatkan dari berbagai sudut pandang sangat minim, sehingga menelan mentah-mentah berita
        yang didapat begitu saja.<br />

        <br />Atas dasar itulah kami hadir, untuk meningkatkan kesadaran masyarakat tentang
        pentingnya memeriksa kebenaran informasi dan memahami literasi digital melalui seminar,
        workshop, dan we■■■■■ yang akan mengajarkan cara mengenali hoax, dan meningkatkan literasi
        digital dalam komunitas yang menyenangkan.
      </p>

      <a id="link" href="https://skilvul.com">Gabung Bersama Skilvul</a><br />
    </div>
    <div>
      <form>
        <br /><input id="name" type="text" /><br />

        <input id="city" type="text" /><br />

        <input id="email" type="email" /><br />

        <input id="zip-code" type="number" /><br />

        <br /><input id="status" type="checkbox" />

        <label id="check">
          Dengan ini saya menyatakan data yang diisi pada form ini adalah benar dan telah
          sesuai.</label
        ><br />

        <br /><button id="submit-form" type="submit">Submit</button>

        <div id="warning"></div>
        <br />
      </form>
    </div>

    <footer>
      <p>© GreatNetz Copyright</p>
    </footer>
  </body>
</html>

Silahkan di coba. Kalau masih bingung boleh kabari