Paket 1

1. Leher cepat lelah terjadi ketika tidak menerapkan prinsip kesehatan dan keselamatan bi
bagian
a. Tangan Tidak Pas dengan Keyboar
b. Cara Pandang Mata Ke Komputer
c. Kursi yang tidak Nyaman
d. Meja Yang Sempit
2. Aplikasi yang dapat membuat web server lokal di komputer adalah
a. XAMPP
b. XML
c. HTML
d. CMS
3. Berikut yang merupakan fitur pada Figma kecuali...
a. Design Feature
b. Conference Feature
c. Prototyping Feature
d. Collaboration Feature
4. Fungsi prototype pada aplikasi figma adalah ....
a. Untuk menghubungkan antara objek dengan objek lain yang terdapat pada frame
b. Membuat objek agar dapat digunakan ulang pada setiap frame
c. Memberikan note terhadap proyek yang sedang kita kerjakan
d. Memasukan gambar kedalam objek shape yang kita sediakan
5. Berikut merupakan perbandingan ukuran heading yang benar adalah
a. H1=H2
b. H1>H2
c. H1<H2
d. H1^H2
6. <a href="latihan1.html">Perkenalan HTML</a> tag ini dugunakan untuk
a. Pembuatan tabel
b. Pembuatan Menu
c. Pembuatan Link atau tautan
d. Pembuatan Grafik
7. Untuk menambahkan baris ke bawah atau pemisah antar kalimat dapat menggunakan tag
a. <p>
b. <b>
c. <br>
d. <cr>
8. Salah satu jenis selektor CSS adalah class untuk mendeklarasikan sebuah selektor class tanda
yang digunakan didepan nama class adalah
a. tanda “.” (titik)
b. tanda “#” (Kresh)
c. tanpa tanda
d. tanda “*” (Bintang)
9. Deklarasi eksternal style sheet yang benar pada HTML adalah
a. <link> rel="stylesheet" type="text/css" href="style.css" </link>
b. <link> rel="stylesheet" type="text/css" <a href="style.css"> </a> </link>
c. <link> rel="stylesheet" type="text/css" href="style.css" </link>
d. <link> rel="stylesheet" type="text/css" href="style.css" </link>
10. Dalam struktur CSS salah satunya dalah Selector, berikut merupakan pengertian selector....
a. aturan dalam CSS untuk mengubah value yang dipilih
b. Merupakan nilai dari property CSS
c. bagian elemen HTML untuk mengatur style
d. bagian wordpress untuk mengatur style
11. Javascript Code ditulis di dalam file dengan extensi....
a. .jsc
b. .js
c. .jvs
d. .javascript
12. Jika ingin menambahkan coment dalam javascript dapat menggunakan simbol....
a. \\
b. ?
c. <comenct>
d. //
13. Berikut merupakan struktur standart dalam sebuah website yang paling tepat adalah
a. Header, Konten, Footer
b. Menu, Isi Artikel, Penulis
c. HTML, dan CSS
d. Menu, dan CSS
14. web yang isinya/ content-nya tidak berubah-ubah disebut
a. Web Biasa
b. Web Statis
c. Web Dinamis
d. Web Browser
15. Kode PHP diawali dan di akhiri dengan tanda?
a. <?php … </?php>
b. <?php … ?>
c. <script> … </script>
d. <php … /?>
16. PHP merukapan web Scripting open source, yang berarti :
a. Web yang tidak bisa dibagikan ke orang lain
b. Web yang bisa dimodifikasi oleh orang lain
c. Web yang tidak bisa dimodifikasi oleh orang lain
d. Web yang bisa memodifikasi dirinya sendiri
17. Perintah untuk mencetak Tulisan di PHP menggunakan sintaks
a. cetak
b. echo
c. println
d. mysqli_connect
18. Perintah sql untuk mengosongkan data pada tabel pegawai …
a. DELETE FROM TPegawai WHERE id='4430001';
b. DELETE TABLE TPegawai;
c. TRUNCATE TABLE TPegawai;
d. DROP TABLE TPegawai;
19. Perintah MySQL untuk menampilkan struktur tabel pegawai dalam bentuk tabular adalah
a. show table tpegawai;
b. show tables;
c. show create table tpegawai;
d. describe tpegawai;
20. Berikut ini PERNYATAAN YANG BERNAR dari salah satu perbedaan dari web statis dan web
dinamis
a. konten berubah ubah
b. menu dapat berubah - ubah
c. Konten Tidak berubah ubah
d. Menu tetap dan tidak berubah – ubah
 Paket 2

1. Saat kita duduk saat mengoperasikan komputer, diperlukan posisi yang baik dan benar
seperti dibawah ini, Kecuali...
a. Tempat duduk yang ergonomis yang memiliki sandaran yang nyaman
b. Kursi dapat di atur tinggi rendahnya
c. Kursi dapat di putar atau dapat bergeser
d. Kursi Kuat dan Kokoh
2. menerima permintaan HTTP atau HTTPS dari klien Selanjutnya ia akan mengirimkan respon
atas permintaan tersebut kepada client dalam bentuk halaman web. Merupakan pengertian
dari :
a. Website
b. Web Service
c. Web Server
d. Web Browser
3. Menu pada halaman utama Figma yang memudahkan pengguna untuk berinteraksi dengan
pengguna lainnya adalah…
a. Search
b. Community
c. Drafts
d. Profile
4. Pengguna Dapat mencari dan menyimpan plugins pada menu..
a. Search
b. Community
c. Drafts
d. Profile
5. Perintah yang harus dijalankan agar dapat mengganti baris yang masih dalam satu kolom.
a. <td>
b. <br>
c. <p>
d. <cr>
6. <input type="text" name="namadepan"> tag ini digunakan untuk
a. Membuat Form isian nama depan
b. Memunculkan tulisan Nama depan
c. Tidak akan muncul apa apa
d. Memunculkan Tulisan Nama Belakang
7. Berikut penulisan tag heading yang paling kecil adalah...
a. <h2>heading</h2>
b. <h3>heading</h3>
c. <h4>heading</h4>
d. <h1>heading</h1>
8. dibawah ini manfaat penggunaan dari CSS dalam pembuatan website, kecuali
a. Kode HTML menjadi lebih sederhana
b. kapasitas penyimpanan menjadi lebih besar, sehingga load lebih mudah
c. Mudah dalam editing Tampilan
d. Kode HTML menjadi lebih sederhana
9. Dalam membuat menu di website dapat menggunakan tag list, agar tampilanannya
mendatar dapat ditambahkan style di css dengan properti dan value ...
a. display: block;
b. display: inline-block;
c. display: block-inline;
d. display: inline;
10. Untuk memerikan jarak text dengan kotak / box dalam css dapat ditulikan dengan kode ....
a. Div { margin=20px;}
b. Div { margin:20px;}
c. Div { padding:20px; }
d. Div { margin:20px; }
11. Berikut adalah sintak yang benar untuk mengambil referensi file javascript contoh.js secara
eksternal
a. <script src=”demo.js”>
b. <script href=”demo.js”>
c. <script name=”demo.js”>
d. <script id=”demo.js”>
12. Javascript adalah................language.
a. Programing
b. Apllication
c. Scripting
d. Applet
13. Dalam sebuah Website pasti ada sebuah gambar, berikut merupakan cara menuliskan kode
HTML untuk menampilkan gambar yang benar, Kecuali
a. <img src=”gambar1.jpg>
b. <img file=”gambar1.jpg>
c. <img src=”img/gambar1.jpg>
d. <img src=”gambar1.jpg>
14. Sebuah halaman web/blog bisa diisi dengan tulisan, gambar, animasi, dan video. Tapi semua
itu dalam dunia web/blog disebut dengan istilah:
a. Konten
b. Script
c. HTML
d. Mysql
15. Perintah PHP selalu diawali dengan syntag
a. <html>
b. ?>
c. <?php
d. <php>
16. apakah fungsi variabel dalam php?
a. sebagai alat penghitung data
b. sebagai tempat penyimpan data
c. sebagai fungsi
d. sebagai tempat pengolah data
17. Untuk memasukkan sebuah baris (record) kedalam tabel MySQL adalah …
a. Insert to namatabel where values(kolom1, kolom2,kolom3,…);
b. Insert into namatabel values(kolom1, kolom2,kolom3,…);
c. ADD namatabel where values(kolom1, kolom2,kolom3,…);
d. Update namatabel value(kolom1, kolom2,kolom3,…);

18. Perhatikan script PHP berikut, berfungsi untuk ...

<?php
$link=mysql_connect('localhost', 'root', ' ' ) ;
?>
a. Tampil data
b. Ubah data
c. Simpan data
d. Koneksi ke database
19. Dalam membangun sebuah website dinamis diperlukan penyimpanan database yaitu..
a. Mysql
b. PHP
c. HTML
d. Javascript
20. Command yang digunakan untuk menghapus database mysql yaitu . .
a. Delete from
b. Insert into
c. Select * from
d. Truncate table
 Paket 3

1. Posisi mata yang baik dan benar di depan komputer yaitu :

a. Posisi mata pada layar harus lurus
b. Posisi Mata Agak Kewabah
c. Posisi Mata Agak Ke Atas
d. Posisi Mata Bergerak / Berpindah pandangan
2. Modul Server web yang digunakan dalam pemograman web berbasis server adalah
a. Mysql
b. Apache
c. Tomcat
d. Html
3. Pernyataan berikut terkait Figma adalah benar, kecuali...
a. Prototyping Tools
b. Wireframing Tools
c. UI Design
d. UX Research
4. Yang bukan merupakan menu pada halaman utama Figma adalah?
a. Search
b. Community
c. Drafts
d. Plugins
5. Jika ingin membuat daftar urut dengan angka dapat menggunakan tag
a. <ul>
b. <ol>
c. <li>
d. <il>
6. Untuk memnuat form isian user dan pasword dapat menggunakan tag
a. <password>
b. <text>
c. <form>
d. <user>
7. Fungsi tag title di dalam tag header HMTL adalah
a. Menunjukan judul Artikel html
b. Menunjukan judul html
c. Menunjukan judul Konten html
d. Menunjukan judul Konten
8. Jika ingin memberikan properti judul / H1 dengan warna merah dapat di tuliskan kode css.
Berikut merupakan penulisan kode css untuk pemberian warna judul merah yang paling
benar adalah :
a. H1 { font-color : Red };
b. H1 { color : Red };
c. H1 { color : Red; }
d. H1 { color : Red }:
9. Diantara pernyataan berikut manakah fungsi CSS yang paling tepat
a. Mendefenisikan style untuk suatu teks dengan jenis huruf, ukuran , warna tertentu
b. Mendefenisikan desain untuk teks dengan jenis huruf, ukuran , warna tertentu.
c. Mendefenisikan kode untuk suatu teks dengan jenis huruf, ukuran , warna tertentu.
d. Mendefenisikan untuk teks dengan jenis huruf, ukuran , warna tertentu.
10. Untuk menambahkan efek tebal dalam huruf, penggunaan Properties dan value di css yang
paling tepat adalah
a. font-style: bold;
b. font-weight: bold;
c. font-steyle: strong;
d. font-style: Italic;
11. Di bawah ini merupakan tag javascript yang dapat disisipkan pada dokumen HTML
a. <js>
b. <script>
c. <javascript>
d. <jquery>
12. Kita dapat menambahkan sintak javascript dalam dokumen HTML pada bagian
a. Didalam tag <head>
b. Bisa didalam tag <head> maupun <body>
c. Didalam tag <body>
d. Tidak ada yang benar
13. Fungsi sebuah tag <a href="https://www.websiteku.com"> Websiteku </a> adalah
a. Untuk memberikan tombol/link menuju ke halaman www.websiteku.com
b. Untuk memunculkan teks www.websiteku.com pada halaman web
c. Untuk Memunculkan gambar dari www.websiteku.com
d. Untuk memunculkan Tabel www.websiteku.com pada halaman web
14. Batas bawah website yang berisi informasi pembut adalah bagian website yang bernama
a. Header
b. Konten
c. Footer
d. Navbar
15. Perintah untuk mendefenisikan variable di PHP adalah
a. //
b. $
c. *
d. #
16. Apa kepanjangan dari PHP?
a. PHP Hypertext Preprocessor
b. Program Hypertext Preprocessor
c. Pemberi Harapan Palsu
d. Preprocessor Hypertext Program
17. Perintah untuk menampilkan data barang yang memiliki kode dengan huruf ke dua adalah D
a. select * from barang where kode like 'D%';
b. select * from barang where kode like '%D';
c. select * from barang where kode like 'D_';
d. select * from barang where kode like '%D%’;
18. Manakah dibawah ini cara yang tepat untuk menambahkan data ke tabel barang dengan
ketentuan id_barang, nama_barang, jenis_barang dan jumlah_barang ...
a. Insert barang into ('1', 'pulpen', 'atk', '20');
b. Insert into barang value ('1', pulpen, atk, '20')
c. Insert barang into (1, pulpen, atk, 20);
d. Insert into barang value ('1', 'pulpen', 'atk', 20);
19. Perhatikan Script di bawah
<?php
$result=mysql_query('SELECT * FROM BUKU');
$row=mysql_fetch_row($result);
echo "$row[0] $row[1] $row[2] $row[3] $row[4]";
?>
a. Tampil data
b. Ubah data
c. Simpan data
d. Hapus data
20. Yang bertanggung jawab untuk mengembangkan website dari sisi tampilan dengan
menggunakan HTML, CSS, dan JavaScript adalah ...
a. front and developer
b. back and developer
c. full stack and developer
d. front and back developer