1. Jelaskan perbedaan antara tag <div> dan <span> dalam HTML serta penggunaannya dalam desain web. 2. Jelaskan perbedaan antara menyisipkan file CSS eksternal dengan menyisipkan file JavaScript eksternal ke dalam halaman HTML. 3. Bagaimana cara membuat koneksi ke database MySQL menggunakan PHP? Sebutkan langkah-langkah dan fungsi yang diperlukan. 4. Jelaskan cara kerja query JOIN dalam MySQL dan berikan contoh penggunaannya untuk menggabungkan dua tabel. 5. Apa yang dimaksud dengan media queries dalam CSS dan bagaimana cara menggunakannya untuk membuat desain responsif? Tolong bantu jawab kak 🙏🏻

<p>1. <strong>&lt;div&gt;</strong> adalah <strong>block-level element</strong>: elemen ini membuat blok konten terpisah dan selalu dimulai pada baris baru.</p><p><strong>&lt;span&gt;</strong> adalah <strong>inline-level element</strong>: elemen ini tetap berada dalam satu baris dengan teks atau elemen lain di sekitarnya, tanpa memulai baris baru.</p><p>2. <strong>CSS eksternal</strong>: Disisipkan menggunakan tag &lt;link&gt;.</p><p><strong>JavaScript eksternal</strong>: Disisipkan menggunakan tag &lt;script&gt;.</p><p>3. &lt;?php&nbsp;</p><p>$servername = "localhost"; // Nama server (biasanya localhost) $username = "root"; // Username MySQL&nbsp;</p><p>$password = ""; // Password MySQL&nbsp;</p><p>$database = "nama_database"; // Nama database // Membuat koneksi $conn = mysqli_connect($servername, $username, $password, $database); // Mengecek koneksi if (!$conn) { die("Koneksi gagal: " . mysqli_connect_error()); } echo "Koneksi berhasil!";&nbsp;</p><p>?&gt;</p><p>&nbsp;</p><p>4. &nbsp;Query <strong>JOIN</strong> dalam MySQL digunakan untuk menggabungkan data dari dua atau lebih tabel berdasarkan kolom yang berhubungan (relasi) di antara tabel-tabel tersebut. Tabel-tabel ini biasanya memiliki kolom kunci yang berhubungan, seperti primary key pada satu tabel dan foreign key pada tabel lainnya.</p><p>SELECT users.name, orders.order_id, orders.order_date FROM users INNER JOIN orders ON users.user_id = orders.user_id;</p><p>&nbsp;</p><p>5. <strong>Media queries</strong> dalam CSS adalah teknik yang digunakan untuk membuat desain web yang <strong>responsif</strong>, yaitu desain yang dapat menyesuaikan tampilannya sesuai dengan ukuran layar atau perangkat pengguna. Dengan media queries, Anda bisa menerapkan aturan CSS tertentu hanya ketika kondisi tertentu terpenuhi, seperti lebar layar, orientasi perangkat, resolusi, dan lainnya.</p><p>Media queries ditulis menggunakan aturan @media di CSS, diikuti oleh kondisi yang ingin diuji dan kemudian aturan CSS yang hanya berlaku saat kondisi tersebut terpenuhi.</p>