Senin, 17 November 2025

Soal Latihan & Kunci Jawaban Tentang XAMPP, Database, CSS, HTML, Domain, & Hosting

50 SOAL PILIHAN GANDA + KUNCI JAWABAN ( XAMPP, Database, HTML, CSS, Domain, Hosting)

1. XAMPP adalah…

A. Web server online

B. Paket software untuk server lokal

C. Aplikasi desain web

D. Editor teks

Jawaban: B

2. Komponen XAMPP yang berfungsi sebagai web server adalah…

A. FileZilla

B. Apache

C. Tomcat

D. Mercury

Jawaban: B

3. Folder tempat menyimpan project website di XAMPP adalah…

A. /root

B. /htdocs

C. /public

D. /bin

Jawaban: B

4. MySQL pada XAMPP digunakan untuk…

A. Menyimpan data

B. Mengonversi file

C. Mengirim email

D. Mengatur CSS

Jawaban: A

5. Untuk membuka phpMyAdmin, alamat yang digunakan adalah…

A. localhost/admin

B. localhost/php

C. localhost/phpmyadmin

D. localhost/database

Jawaban: C

6. Port default Apache adalah…

A. 21

B. 80

C. 3306

D. 110

Jawaban: B

7. Perintah SQL untuk menampilkan semua data adalah…

A. SHOW * FROM

B. SELECT * FROM

C. VIEW * FROM

D. GET ALL

Jawaban: B

8. Primary key berfungsi untuk…

A. Menghapus data

B. Kolom yang unik

C. Mengatur warna

D. Mengurutkan data

Jawaban: B

9. Perintah SQL untuk membuat database adalah…

A. CREATE DATABASE

B. NEW DB

C. MAKE DATABASE

D. INIT DB

Jawaban: A

10. File PHP memiliki ekstensi…

A. .web

B. .site

C. .php

D. .p

Jawaban: C

11. Database adalah…

A. Kumpulan data terstruktur

B. File HTML

C. Editor web

D. Penyimpanan gambar

Jawaban: A

12. SQL kepanjangan dari…

A. Standard Query Language

B. Structured Query Language

C. Server Query List

D. Simple Query Logic

Jawaban: B

13. Untuk menghapus tabel digunakan perintah…

A. DELETE TABLE

B. REMOVE TABLE

C. DROP TABLE

D. DESTROY TABLE

Jawaban: C

14. Tipe data untuk teks panjang adalah…

A. VARCHAR

B. CHAR

C. TEXT

D. STRING

Jawaban: C

15. Relasi 1-to-many berarti…

A. Satu data berhubungan dengan banyak data

B. Banyak data jadi satu

C. Tidak ada relasi

D. Data ganda

Jawaban: A

16. Tag HTML untuk paragraf…

A. <para>

B. <text>

C. <p>

D. <h1>

Jawaban: C

17. HTML adalah singkatan dari…

A. Hyper Text Management Language

B. Hyper Text Markup Language

C. Hyperlink Model Language

D. High Type Markup Language

Jawaban: B

18. Untuk membuat link digunakan tag…

A. <link>

B. <a>

C. <href>

D. <url>

Jawaban: B

19. Tag heading terbesar adalah…

A. <h4>

B. <h6>

C. <h1>

D. <head>

Jawaban: C

20. Tag untuk menampilkan gambar…

A. <image>

B. <pic>

C. <img>

D. <src>

Jawaban: C

21. Atribut untuk sumber gambar adalah…

A. ref

B. link

C. src

D. scr

Jawaban: C

22. Tag tabel dalam HTML adalah…

A. <tb>

B. <table>

C. <tabel>

D. <tab>

Jawaban: B

23. Komentar HTML ditulis dengan…

A. // komentar

B. # komentar

C.

D. /* komentar */

Jawaban: C

24. CSS kepanjangan dari…

A. Computer Style Sheet

B. Cascade Setting Sheet

C. Cascading Style Sheets

D. Color Style Sheet

Jawaban: C

25. CSS digunakan untuk…

A. Mendesain tampilan

B. Mengatur server

C. Mengatur database

D. Membuat tabel

Jawaban: A

26. Properti CSS untuk warna teks adalah…

A. text-color

B. font-color

C. color

D. letter-color

Jawaban: C

27. Selector untuk ID menggunakan simbol…

A. .

B. #

C. @

D. &

Jawaban: B

28. Selector untuk class menggunakan simbol…

A. #

B. .

C. $

D. :

Jawaban: B

29. Properti CSS untuk ukuran font adalah…

A. text-size

B. font-size

C. size-text

D. fontsize

Jawaban: B

30. Properti untuk memberi background warna…

A. bg

B. background-color

C. back-color

D. color-back

Jawaban: B

31. Padding adalah jarak antara…

A. Konten dengan border

B. Border dengan luar elemen

C. Elemen lain

D. Margin dengan border

Jawaban: A

32. Margin adalah…

A. Jarak dalam elemen

B. Jarak luar elemen

C. Warna elemen

D. Ketebalan border

Jawaban: B

33. File CSS berekstensi…

A. .style

B. .css

C. .design

D. .html

Jawaban: B

34. Domain adalah…

A. Tempat menyimpan file website

B. Alamat website

C. Bahasa pemrograman

D. Server database

Jawaban: B

35. Contoh domain adalah…

A. Localhost

B. C:/xampp/htdocs

C. google.com

D. script.js

**Jawaban: C**

36. Hosting merupakan…

A. Alamat website

B. Penyimpanan file website

C. Bahasa pemrograman

D. File HTML

Jawaban: B

37. Domain .sch.id digunakan untuk…

A. Sekolah

B. Pemerintah

C. Militer

D. Komersial

Jawaban: A

38. Domain .gov digunakan untuk…

A. Pendidikan

B. Pemerintah

C. Perusahaan

D. Media

Jawaban: B

39. DNS digunakan untuk…

A. Menyambungkan domain ke hosting

B. Mengatur CSS

C. Menghapus database

D. Mengompres file website

Jawaban: A

40. Hosting yang cocok untuk file HTML/CSS/PHP adalah…

A. Audio hosting

B. Cloud storage

C. Web hosting

D. Game hosting

Jawaban: C

41. Komponen XAMPP yang dipakai untuk FTP adalah…

A. Apache

B. FileZilla

C. Mercury

D. Tomcat

Jawaban: B

42. Port default MySQL adalah…

A. 80

B. 21

C. 3306

D. 110

Jawaban: C

43. Untuk memasukkan data ke tabel digunakan perintah…

A. INSERT INTO

B. PUT INTO

C. PUSH DATA

D. ADD DATA

Jawaban: A

44. Tag HTML untuk membuat baris baru adalah…

A. <break>

B. <br>

C. <enter>

D. <ln>

Jawaban: B

45. CSS bisa ditulis secara…

A. Inline

B. Internal

C. Eksternal

D. Semua benar

Jawaban: D

46. Hosting akan berfungsi jika…

A. Domain belum terhubung

B. DNS sudah diarahkan

C. Web kosong

D. Server mati

Jawaban: B

47. Untuk membuat tabel di HTML diperlukan tag…

A. <tr>, <td>

B. <row>, <col>

C. <table>, <body>

D. <tab>, <tb>

Jawaban: A

48. Domain adalah contoh dari…

A. IP Address

B. Nama yang mewakili IP

C. Bahasa pemrograman

D. URL pendek

Jawaban: B

49. XAMPP termasuk kat

egori software…

A. Trial

B. Berbayar

C. Open source

D. Premium

Jawaban: C

50. Jika Apache tidak mau start, penyebab umum adalah…

A. Folder htdocs hilang

B. Port bentrok

C. CSS error

D. Salah penulisan HTML

Jawaban: B

Senin, 10 November 2025

HTML

HTML merupakan fondasi utama dari setiap website di internet. Ketika kita membuka halaman web, baik itu halaman profil sekolah, toko online, atau portal berita, semuanya dibangun menggunakan HTML sebagai struktur dasarnya.

Meskipun HTML bukan bahasa pemrograman, tetapi HTML sangat penting karena memberikan bentuk, kerangka, dan susunan isi website.

Apa itu HTML?

HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat struktur halaman web.

HTML bekerja menggunakan elemen atau tag untuk menandai bagian-bagian tertentu dalam dokumen, seperti paragraf, gambar, judul, dan tautan.

Fungsi

Menyusun struktur halaman web (judul, paragraf, gambar, tabel, daftar, dll).
Menampilkan konten agar bisa dibaca oleh browser.
Menentukan tata letak dasar sebelum diatur lebih lanjut oleh CSS.
Menghubungkan halaman satu dengan lainnya menggunakan hyperlink.
Menjadi wadah bagi CSS dan JavaScript dalam pengembangan web.

Struktur Dasar

<!DOCTYPE html>

<html>

<head>

<title>Judul Halaman</title>

</head>

<body>

<h1>Halo Dunia!</h1>

<p>Ini adalah paragraf pertama dalam halaman HTML.</p>

</body>

</html>

Ket:

<!DOCTYPE html> → menandakan bahwa dokumen menggunakan HTML5.
<html> → elemen utama yang membungkus seluruh isi website.
<head> → berisi informasi tentang halaman, seperti judul.
<title> → teks yang muncul sebagai judul tab browser.
<body> → berisi konten yang tampil di halaman website.

Tag-Tag Dasar HTML

1. Heading (Judul)

<h1>Judul Utama</h1>

<h2>Subjudul</h2>

2. Paragraf

<p>Ini adalah sebuah paragraf.</p>

3. Gambar

4. Tautan (link)

<a href="https://example.com">Kunjungi Website</a>

5. Tabel

<tr>

<th>Kelas</th>

</tr>

<tr>

<td>Alzen</td>

</tr>

</table>

HTML adalah dasar dari semua halaman web. Dengan memahami struktur dan tag-tag HTML, siswa TKJ dapat mulai membuat website sederhana hingga kompleks. HTML juga merupakan langkah awal sebelum mempelajari CSS, JavaScript, dan materi desain web lainnya.

HOSTING

Setelah kita belajar tentang domain dan desain web (HTML & CSS), langkah berikutnya dalam pembuatan website adalah memahami apa itu hosting.

Hosting merupakan bagian penting yang berfungsi sebagai tempat untuk menyimpan semua file website — mulai dari HTML, gambar, video, hingga database — agar website bisa diakses secara online oleh pengguna di seluruh dunia.

APA ITU HOSTING?

Hosting adalah layanan atau tempat penyimpanan data website di server agar dapat diakses melalui internet.

Tanpa hosting, website yang kita buat hanya bisa dilihat di komputer sendiri (offline) dan tidak bisa dibuka oleh orang lain secara online.

FUNGSI HOSTING

Berikut beberapa fungsi utama dari hosting:

Menyimpan file website, seperti HTML, CSS, gambar, dan video.
Menghubungkan website ke internet, sehingga bisa diakses lewat domain.
Menjaga kestabilan dan kecepatan website.
Melindungi data website agar tetap aman dari gangguan atau serangan siber.
Mendukung penggunaan database dan email.

JENIS-JENIS HOSTING

Terdapat beberapa jenis layanan hosting yang umum digunakan:

Shared Hosting, Beberapa website menggunakan satu server bersama. Cocok untuk pemula atau website kecil.
VPS (Virtual Private Server), Server virtual dengan performa lebih tinggi dan pengelolaan lebih bebas.
Dedicated Server, Satu server penuh hanya untuk satu pengguna. Biasanya digunakan oleh perusahaan besar.
Cloud Hosting, Menggunakan beberapa server sekaligus, lebih stabil dan fleksibel.
WordPress Hosting, Hosting khusus untuk website berbasis WordPress.

CARA KERJA HOSTING

Cara kerja hosting bisa diibaratkan seperti lemari penyimpanan online.

Ketika anda meng-upload file website (misalnya file HTML, CSS, gambar) ke server hosting:

File anda akan disimpan di server penyedia hosting.
Saat seseorang mengetik domain website lo di browser, sistem akan menghubungkan domain ke server tempat file itu disimpan.
Browser menampilkan isi website sesuai data yang ada di hosting.

Singkatnya:

Domain = alamat rumah

Hosting = rumah tempat file disimpan

CONTOH HOSTING POPULER

Beberapa contoh penyedia hosting yang sering digunakan:

Niagahoster (Indonesia)
Hostinger
Domainesia
Bluehost
Google Cloud / AWS (untuk tingkat lanjut)

LANGKAH MENGUPLOAD WEBSITE KE HOSTING

Siapkan file website (biasanya .html, .css, .js, dll).
Masuk ke cPanel atau dashboard hosting.
Buka menu File Manager → masuk ke folder public_html.
Upload semua file website ke dalam folder tersebut.
Coba akses lewat domain anda (misalnya www.namasitus.com) untuk memastikan website tampil online.

Hosting adalah tempat penyimpanan utama website di internet. Tanpa hosting, website tidak bisa diakses oleh siapa pun secara online.

Dengan memahami fungsi dan cara kerja hosting, siswa TKJ dapat mengelola dan mempublikasikan website dengan lebih profesional.

Dasar Desain Web: Membuat Halaman HTML

Dalam pembuatan website, langkah pertama yang harus dikuasai adalah HTML (HyperText Markup Language).

HTML merupakan dasar dari semua halaman web yang ada di internet. Tanpa HTML, tidak akan ada struktur atau tampilan yang bisa dibaca oleh browser seperti Google Chrome, Mozilla Firefox, atau Microsoft Edge.

Melalui HTML, kita bisa menentukan di mana letak teks, gambar, tautan, dan elemen-elemen lain pada sebuah halaman web.

PENGERTIAN HTML

HTML (HyperText Markup Language) adalah bahasa markup yang digunakan untuk membuat dan menyusun struktur halaman web.

HTML tidak termasuk bahasa pemrograman, karena hanya berfungsi untuk menandai (markup) bagian-bagian dokumen agar dapat dikenali oleh browser.

FUNGSI HTML

Berikut beberapa fungsi utama HTML:

Membuat struktur halaman web, seperti judul, paragraf, tabel, gambar, dan tautan.
Menentukan hierarki konten, agar tampilan web teratur.
Menghubungkan halaman web lain melalui hyperlink.
Menjadi dasar bagi CSS dan JavaScript untuk mempercantik tampilan dan menambah interaktivitas.

STRUKTUR DASAR HTML

Struktur utama file HTML biasanya terdiri dari beberapa elemen berikut:

<!DOCTYPE html>

<html>

<head>

<title>Judul Halaman</title>

</head>

<body>

<h1>Ini Judul Utama</h1>

<p>Ini adalah paragraf pertama di halaman web saya.</p>

</body>

</html>

Contoh:

<!DOCTYPE html>

<html>

<head>

<title>Profil Sekolah MAN 2 Cianjur</title>

</head>

<body>

<h1>Selamat Datang di Website MAN 2 Cianjur</h1>

<p>Madrasah Aliyah Negeri 2 Cianjur merupakan lembaga pendidikan yang berkomitmen dalam membentuk generasi berakhlak dan berprestasi.</p>

<h2>Program Unggulan:</h2>

<ul>

<li>Teknologi Komputer dan Jaringan (TKJ)</li>

<li>Ilmu Pengetahuan Alam (IPA)</li>

<li>Ilmu Pengetahuan Sosial (IPS)</li>

</ul>

<p>Kunjungi situs resmi kami di <a href="https://man2cianjur.sch.id">man2cianjur.sch.id</a></p>

</body>

</html>

Hasilnya tampilan web akan menampilkan judul besar “Selamat Datang di Website MAN 2 Cianjur”, paragraf deskripsi, daftar program unggulan, dan satu tautan menuju situs resmi sekolah.

HTML adalah pondasi utama dalam pembuatan website. Dengan menguasai dasar HTML, sebagai siswa TKJ dapat memahami bagaimana struktur halaman web dibentuk dan siap mengembangkan kemampuan desain web ke tahap berikutnya, seperti CSS dan JavaScript.

DOMAIN

Ketika kita mengakses sebuah website, biasanya kita mengetik alamat seperti www.google.com atau www.man2cianjur.sch.id.

Alamat seperti itu disebut domain.

Domain berfungsi sebagai nama unik yang digunakan untuk mengidentifikasi sebuah situs web di internet, supaya pengguna tidak perlu mengingat alamat IP yang rumit seperti 142.250.190.14.

APA ITU DOMAIN?

Domain adalah alamat atau nama unik yang digunakan untuk mengakses sebuah website di jaringan internet.

Domain berfungsi sebagai pengganti dari alamat IP (Internet Protocol Address) agar lebih mudah diingat oleh manusia.

Misalnya, daripada mengingat angka IP panjang, pengguna cukup mengetik www.example.com untuk mengunjungi situs tertentu.

FUNGSI DOMAIN

Sebagai identitas website agar mudah dikenal.
Mempermudah akses ke website tanpa harus menghafal IP Address.
Menunjukkan profesionalitas dan kredibilitas suatu situs.
Membedakan jenis organisasi atau lokasi melalui ekstensi domain (.com, .org, .id, dll).

STRUKTUR DOMAIN

Subdomain, bagian depan domain utama, misalnya blog pada blog.example.com.
Nama Domain (Second-Level Domain), nama utama dari website, misalnya example.
Top-Level Domain (TLD), ekstensi domain di bagian akhir seperti .com, .org, .net, atau .id.

JENIS-JENIS DOMAIN

Beberapa jenis domain yang umum digunakan:

.com, digunakan untuk keperluan komersial atau bisnis.
.org, digunakan oleh organisasi non-profit.
.net, awalnya untuk jaringan, sekarang bisa umum.
.edu, khusus lembaga pendidikan.
.id, .co.id, .sch.id, domain khusus untuk Indonesia (ccTLD – country code top-level domain).

CARA KERJA DOMAIN

Ketika anda mengetik alamat website di browser:

Browser akan menghubungi DNS (Domain Name System) untuk mencari alamat IP yang cocok dengan domain tersebut.
Setelah ketemu, browser akan terhubung ke server tempat website disimpan.
Lalu halaman website ditampilkan di layar pengguna.

Dengan kata lain, domain itu seperti alamat rumah, dan server itu bangunannya. Sehingga, jika domain tidak ada, browser tidak akan tahu ke mana harus pergi.

Domain adalah identitas unik suatu website di internet yang berfungsi menggantikan alamat IP agar mudah diingat.

Dengan memahami cara kerja dan jenis-jenis domain, kita bisa menentukan nama domain yang tepat untuk kebutuhan website, baik itu untuk pribadi, sekolah, maupun bisnis.

DATABASE

Dalam dunia teknologi informasi, terutama di bidang jaringan dan pengembangan web, database memiliki peran yang sangat penting. Hampir semua aplikasi atau website yang kita gunakan setiap hari membutuhkan tempat untuk menyimpan data. Nah, tempat penyimpanan inilah yang disebut database.

Tanpa database, sistem tidak akan bisa mengelola data pengguna, transaksi, maupun informasi penting lainnya secara efisien.

APA ITU DATABASE?

Database adalah kumpulan data yang terorganisir dan disimpan secara sistematis di dalam komputer agar mudah diakses, dikelola, dan diperbarui.

Biasanya database digunakan untuk menyimpan berbagai jenis data seperti nama, alamat, produk, transaksi, dan sebagainya.

FUNGSI DATABASE

Menyimpan data secara terstruktur agar mudah dicari dan diolah.
Menghindari duplikasi data dengan sistem penyimpanan terpusat.
Mempermudah pengelolaan informasi, misalnya saat menambah, mengubah, atau menghapus data.
Menjaga keamanan data dengan pengaturan hak akses pengguna.
Mendukung kinerja sistem agar lebih cepat dan efisien.

KOMPONEN DALAM DATABASE

Data, isi atau informasi yang disimpan.
Database Management System (DBMS), perangkat lunak untuk mengelola database.
User, pengguna yang berinteraksi dengan database.
Hardware & Software, alat dan program pendukung untuk menjalankan DBMS.

JENIS-JENIS DATABASE

Berdasarkan strukturnya, database dibagi menjadi beberapa jenis:

Hierarchical Database, data disusun seperti pohon (tree structure).
Network Database, mirip dengan hierarchical, tapi lebih fleksibel karena satu data bisa terhubung ke banyak data lain.
Relational Database, menggunakan tabel-tabel yang saling terhubung (contoh: MySQL, PostgreSQL).
Object-Oriented Database, menyimpan data dalam bentuk objek (sering dipakai di pemrograman berbasis objek).

Database adalah bagian penting dalam sistem komputer, terutama untuk menyimpan dan mengelola data dalam jumlah besar. Dengan memahami konsep dasar database, siswa TKJ dapat mengembangkan aplikasi atau sistem yang lebih terstruktur, aman, dan efisien.

CSS

Dalam dunia pembuatan website, HTML berperan sebagai struktur atau kerangka utama halaman. Namun, agar tampilan website terlihat menarik dan rapi, dibutuhkan sebuah bahasa pemrograman tambahan yang disebut CSS atau Cascading Style Sheets.

CSS memungkinkan seorang web developer mengatur warna, ukuran huruf, tata letak, dan elemen-elemen visual lainnya agar halaman web lebih enak dilihat dan mudah dipahami.

APA ITU CSS?

CSS adalah singkatan dari Cascading Style Sheets, yaitu bahasa yang digunakan untuk mengatur tampilan dan gaya dari elemen-elemen HTML. Dengan CSS, kita dapat memisahkan antara struktur halaman (HTML) dan desain tampilan (style), sehingga proses pengembangan website menjadi lebih efisien dan mudah dikelola.

FUNGSI CSS

Mengatur tata letak dan posisi elemen pada halaman web.
Menentukan warna, font, dan ukuran teks.
Membuat desain yang konsisten di seluruh halaman website.
Mempercepat proses pengeditan tampilan karena semua gaya bisa diatur di satu file terpisah.
Menambah daya tarik visual agar website terlihat profesional.

JENIS-JENIS PENULISAN CSS

Inline CSS → ditulis langsung di dalam tag HTML.
Internal CSS → ditulis di dalam tag <style> pada bagian <head> HTML.
External CSS → disimpan di file terpisah (biasanya berekstensi .css) dan dihubungkan ke file HTML.

CSS adalah komponen penting dalam dunia web design. Dengan CSS, tampilan website menjadi lebih menarik, terstruktur, dan mudah dikelola. Bagi siswa TKJ, memahami CSS merupakan langkah awal untuk membangun website yang profesional dan responsif.