Script HTML Dasar

0

 




Script HTML Dasar

html
<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dokumen HTML Dasar</title>
</head>
<body>
    <header>
        <h1>Selamat Datang di Situs Saya</h1>
    </header>
    <main>
        <p>Ini adalah contoh dokumen HTML dasar. HTML adalah singkatan dari HyperText Markup Language, yang digunakan untuk membuat struktur halaman web.</p>
        <ul>
            <li>HTML digunakan untuk membuat elemen seperti teks, gambar, dan tabel.</li>
            <li>CSS digunakan untuk memberikan gaya pada elemen HTML.</li>
            <li>JavaScript digunakan untuk menambahkan interaktivitas pada halaman web.</li>
        </ul>
    </main>
    <footer>
        <p>&copy; 2025. Semua Hak Dilindungi.</p>
    </footer>
</body>
</html>

Penjelasan Elemen Dasar HTML

  1. <!DOCTYPE html>:

    • Menentukan jenis dokumen sebagai HTML5.

  2. <html lang="id">:

    • Tag pembuka untuk dokumen HTML.
    • Atribut lang="id" menunjukkan bahasa utama dokumen adalah Bahasa Indonesia.

  3. <head>:

    • Berisi informasi metadata tentang dokumen.
    • Contohnya:
      • <meta charset="UTF-8"> untuk mendukung karakter Unicode.
      • <meta name="viewport" content="width=device-width, initial-scale=1.0"> untuk membuat halaman responsif pada perangkat seluler.
      • <title> untuk judul halaman yang ditampilkan di tab browser.

  4. <body>:

    • Berisi konten utama yang akan ditampilkan di browser.

  5. <header>:

    • Bagian awal yang biasanya digunakan untuk judul atau navigasi.

  6. <main>:

    • Bagian utama halaman web, berisi teks, daftar, atau elemen penting lainnya.

  7. <ul> dan <li>:

    • <ul>: Membuat daftar tidak terurut (bullets).
    • <li>: Membuat item dalam daftar.

  8. <footer>:

    • Bagian bawah halaman yang biasanya berisi informasi hak cipta atau tautan tambahan.

Kode ini adalah dasar untuk membuat halaman web. Dari sini, Anda bisa mengembangkan dengan menambahkan CSS untuk desain dan JavaScript untuk interaktivitas.

Tags

You may like these posts

Previous Post Next Post

نموذج الاتصال