1) Tag HTML yang tepat untuk menampilkan video dengan nama file informatika.mp4 adalah... a) <play src="informatika.mp4"> b) <media type="video" file="informatika.mp4"> c) <embed video="informatika.mp4"> d) <video src="informatika.mp4"></video> e) <vid file="informatika.mp4"> 2) Tag HTML yang tepat untuk memutar audio dengan nama file lagu.mp3 adalah... a) <sound src="lagu.mp3"> b) <audio src="lagu.mp3"></audio> c) <mp3 file="lagu.mp3"> d) <player audio="lagu.mp3"> e) <voice src="lagu.mp3"> 3) Tag HTML untuk menampilkan gambar kosayu.jpg dengan lebar 200px dan tinggi 300px adalah... a) <image file="kosayu.jpg" size="200x300"> b) <img src="kosayu.jpg" width="200px" height="300px"> c) <img src="kosayu.jpg" width="200" height="300"> d) <picture url="kosayu.jpg" w="200" h="300"> e) <img link="kosayu.jpg" size="200x300"> 4) Tag HTML yang digunakan untuk membuat tulisan miring adalah... a) <m> b) <i> c) <tilt> d) <b> e) <u> 5) Fungsi dari @font-face dalam CSS adalah untuk... a) Mengubah warna teks secara otomatis. b) Mengatur margin dan padding elemen. c) Mendefinisikan dan memuat font kustom yang tidak ada di komputer pengguna. d) Membuat efek animasi pada teks e) Membuat font tebal secara default. 6) Untuk menampilkan garis horizontal dengan perataan kiri, ukuran 5 pixel dan lebar 10 pixel, tag HTML yang digunakan adalah... a) <line align="left" thickness="5" width="10"> b) <hr align="left" size="5" width="10"> c) <hr style="text-align: left; height: 5px; width: 10px;"> d) <divider style="left; 5px; 10px;"> e) <hr align="left" width="5" height="10"> 7) Untuk membuat teks menggunakan jenis font Arial, properti CSS yang tepat adalah... a) font-type: Arial; b) text-font: Arial; c) font-style: Arial; d) font-family: Arial; e) font-format: Arial; 8) Apa fungsi utama dari tag <br> dalam HTML? a) Membuat teks menjadi tebal. b) Membuat baris baru (line break). c) Membuat garis horizontal. d) Membuat paragraf baru. e) Menampilkan baris bingkai. 9) Untuk membuat tabel dengan ukuran bingkai 5 pixel dan jarak antar sel 2 pixel, atribut yang tepat pada tag <table> adalah... a) border="5" cellmargin="2" b) frame="5" spacing="2" c) border-width="5" cell-spacing="2" d) border="5" cellspacing="2" e) border="5" cellpadding="2" 10) Tag HTML utama yang digunakan untuk membuat daftar (list) adalah... a) <list> dan <item> b) <dl> dan <dt> c) <ul> dan <ol> d) <table> dan <tr> e) <list-item> dan <list-group> 11) Perbedaan utama antara tag <ol> dan <ul> adalah... a) <ul> untuk daftar tak berurut (simbol/bullet), <ol> untuk daftar berurut (angka/huruf). b) <ol> menggunakan simbol/bullet, <ul> menggunakan angka. c) <ol> untuk teks tebal, <ul> untuk teks miring. d) <ul> hanya dapat berisi teks, <ol> dapat berisi gambar. e) <ol> digunakan di luar <form>, <ul> digunakan di dalam <form> 12) Jika diinginkan daftar tak berurut berupa simbol kotak, isian yang tepat pada <ul type=...> adalah... a) disc b) circle c) box d) square e) rectangle 13) Tag HTML yang digunakan untuk membuat link bertuliskan "Produk" yang mengarah ke file produk.html adalah... a) <link url="produk.html">Produk</link> b) <target="produk.html">Produk</target> c) <a href="produk.html">Produk</a> d) <go to="produk.html">Produk</go> e) <hyperlink file="produk.html">Produk</hyperlink> 14) Untuk membuat animasi teks "Kosayu" dengan jenis gerakan Alternate (bolak-balik) dan kecepatan 100 pixel digunakan perintah... a) <animate text="Kosayu" type="alternate" speed="100"> b) <marquee behavior="alternate" scrollamount="100">Kosayu</marquee> c) <marquee direction="alternate" speed="100">Kosayu</marquee> d) <scroll direction="alternate" amount="100">Kosayu</scroll> e) <marquee loop="alternate" distance="100">Kosayu</marquee> 15) Atribut tag <p> yang digunakan untuk mengatur perataan paragraf adalah... a) position b) text-align c) direction d) align e) valign 16) Untuk membuat teks "Kosayu" bergerak dari kanan ke kiri dengan kecepatan 10px, perintah yang digunakan adalah... a) <marquee direction="right" scrollamount="10">Kosayu</marquee> b) <marquee direction="left" speed="10">Kosayu</marquee> c) <marquee direction="left" scrollamount="10">Kosayu</marquee> d) <marquee from="right" to="left" speed="10">Kosayu</marquee> e) <marquee behavior="slide" scrollamount="10">Kosayu</marquee> 17) Untuk membuat latar belakang halaman HTML berwarna kuning, kode HTML (metode lama) yang benar adalah... a) <body color="yellow"> b) <body bgcolor="yellow"> c) <background color="yellow"> d) <body style="color: yellow;"> e) <body background="yellow"> 18) Susunan tag yang tepat untuk membuat tabel dengan 3 baris dan 2 kolom adalah... a) Tiga tag <tr> di dalam satu tag <td>. b) Tiga tag <tr> dan dua tag <td> di setiap <tr>. c) Dua tag <tr> dan tiga tag <td> di setiap <tr>. d) Enam tag <td> di dalam satu tag <tr>. e) Lima tag <tr> dan lima tag <td>. 19) Fungsi dari atribut rowspan dalam tabel HTML adalah... a) Menggabungkan beberapa sel kolom menjadi satu. b) Mengatur lebar baris. c) Mengatur jarak antar baris. d) Menggabungkan beberapa baris menjadi satu sel. e) Membuat baris baru. 20) Fungsi dari atribut colspan dalam tabel HTML adalah... a) Menggabungkan beberapa sel kolom menjadi satu. b) Mengatur tinggi baris. c) Memisahkan sel menjadi beberapa kolom. d) Menggabungkan beberapa baris menjadi satu sel. e) Mengatur lebar kolom. 21) Tag HTML yang tepat untuk membuat teks "Kosayu" menjadi warna cyan adalah... a) Tag HTML yang tepat untuk membuat teks "Kosayu" menjadi warna cyan adalah... b) <span style="background-color: cyan;">Kosayu</span> c) <p color="cyan">Kosayu</p> d) <color="cyan">Kosayu</color> e) <text-color="cyan">Kosayu</text-color> 22) Manakah tag HTML yang digunakan untuk membuat input radio "Jenis Kelamin: O Pria O Wanita"? a) <input type="checkbox" name="jenis_kelamin" value="pria"> Pria b) <select name="jk"> <option>Pria</option> c) <input type="radio" name="jenis_kelamin" value="pria"> Pria d) <input type="button" name="jk" value="Pria"> e) <input type="radio" id="pria"> Pria 23) Tag HTML yang digunakan untuk membuat formulir secara keseluruhan adalah... a) <body> b) <input> c) <section> d) <form> e) <control> 24) Tag HTML yang digunakan untuk membuat tombol submit yaitu... a) <button type="reset"> b) <input type="text"> c) <input type="submit" value="Kirim"> d) <input type="button"> e) <submit></submit> 25) Tag HTML untuk membuat kotak masukan multiline (lebih dari satu baris) untuk teks area adalah... a) <input type="multiline"> b) <textinput> c) <textarea></textarea> d) <input type="longtext"> e) <input type="area"> 26) Untuk membuat kotak daftar pilihan (dropdown) berupa "kambing, kucing, kelinci", tag HTML yang digunakan adalah... a) <list type="dropdown"> b) <ul> dengan <li> c) <select> dengan <option> d) <datalist> e) <input type="select"> 27) Jika ingin membuat tulisan X2+Y21, kombinasi tag HTML yang tepat adalah... a) X[2]+Y[1][2] b) X<low>2</low>+Y<up>1</up><low>2</low> c) X<sub>2</sub>+Y<sup>1</sup><sub>2</sub> d) X<subscript>2</subscript>+Y<superscript>1</superscript><subscript>2</subscript> e) X<sub>2</sub>+Y<sup>1</sup><sup>2</sup> 28) Manakah properti CSS yang digunakan untuk membuat efek tulisan tebal? a) text-style: bold; b) font-decoration: bold; c) font-weight: bold; d) weight: bold; e) text-emphasis: bold; 29) Fungsi dari aturan CSS a:hover { color: red; } adalah... a) Membuat semua link berwarna merah secara permanen. b) Mengubah warna teks link menjadi merah saat kursor berada di atasnya. c) Membuat link diklik menjadi berwarna merah. d) Memberi garis bawah berwarna merah pada link. e) Mengubah warna latar belakang link menjadi merah. 30) Atribut line-height dalam CSS digunakan untuk... a) Mengatur jarak antar kata dalam paragraf. b) Mengatur jarak antara bingkai dan isi teks. c) Mengatur jarak antara baris-baris teks. d) Mengatur tinggi total dari suatu elemen. e) Mengatur jarak antara paragraf. 31) Atribut CSS untuk merubah warna latar belakang suatu elemen yaitu... a) color b) background-image c) background-color d) bg-color e) text-background 32) Fungsi dari aturan CSS .h1 { font-size: 14pt; font-family: Arial; } adalah... a) Mengubah semua tag <h1> menjadi font Arial berukuran 14pt b) Membuat elemen dengan ID 'h1' memiliki font Arial berukuran 14pt c) Membuat elemen dengan kelas 'h1' memiliki font Arial berukuran 14pt d) Membuat semua elemen paragraf menjadi font Arial berukuran 14pt e) Membuat hanya tag <h1> pertama yang memiliki font Arial berukuran 14pt 33) Atribut CSS yang digunakan untuk menghilangkan efek garis bawah pada link (tag <a>) yaitu... a) link-style: none; b) text-underline: false; c) text-decoration: none; d) decoration: none; e) border-style: none; 34) Hasil dari penulisan CSS h1 { font-family: arial; } adalah... a) Hanya elemen dengan ID 'h1' yang menggunakan font Arial. b) Semua elemen dengan kelas 'h1' yang menggunakan font Arial. c) Semua elemen heading <h1> menggunakan font Arial. d) Hanya tag <h1> pertama yang menggunakan font Arial. e) Semua elemen teks di halaman menggunakan font Arial. 35) Fungsi dari properti border-radius dalam CSS adalah... a) Mengubah warna bingkai. b) Mengatur tebal bingkai. c) Membuat sudut bingkai menjadi melengkung/bundar. d) Mengatur jarak antara elemen dan bingkai. e) Membuat bayangan di sekitar bingkai. 36) Penulisan CSS secara inline untuk memberi efek tebal pada teks "Kosayu" adalah... a) <p class="bold">Kosayu</p> b) <p style="text-weight: bold;">Kosayu</p> c) <p style="font-weight: bold;">Kosayu</p> d) <p bold> e) <p style="weight: bold;">Kosayu</p> 37) Atribut CSS yang digunakan untuk mengubah ukuran bingkai (border) adalah... a) border-style b) border-size c) border-width d) border-color e) border-thickness 38) Atribut CSS yang digunakan untuk memberikan warna latar belakang tabel menjadi warna hijau adalah... a) table-color: green; b) background-table: green; c) background-color: green; d) color: green; e) table-bg: green; 39) Tag IMG diberi pengaturan CSS menggunakan ID bernama gambarku. Penulisan tag <img> yang tepat adalah... a) <img src="file.jpg" name="gambarku"> b) <img src="file.jpg" class="gambarku"> c) <img src="file.jpg" id="gambarku"> d) <img src="file.jpg" style-id="gambarku"> e) <img src="file.jpg" link="gambarku"> 40) Untuk membuat gambar berukuran lebar 400 pixel, manakah penulisan CSS pada tag IMG yang tepat? a) img { lebar: 400px; } b) img { width: 400; } c) img { width: 400px; } d) img { max-width: 400px; } e) img { size-width: 400px; } 41) Untuk membuat gambar berukuran tinggi 300 pixel, manakah penulisan CSS pada tag IMG yang tepat? a) img { size: 300px; } b) img { height: 300px; } c) img { min-height: 300px; } d) img { vertical-size: 300px; } e) img { depth: 300px; } 42) Manakah properti CSS yang memiliki fungsi sama dengan atribut HTML align pada tag <p>? a) text-decoration b) text-transform c) text-align d) text-indent e) vertical-align 43) Penulisan CSS secara inline yang benar untuk membuat tombol dengan teks "Click Me" berwarna putih dan latar belakang merah adalah... a) <button style="color: white; background: red;">Click Me</button> b) <button color="white" bgcolor="red">Click Me</button> c) <button style="text-color: white; background-color: red;">Click Me</button> d) <button style="font-color: white; background-color: red;">Click Me</button> e) <button style="color: white; bgcolor: red;">Click Me</button> 44) Properti CSS yang digunakan untuk mengatur jarak antar kata adalah... a) letter-spacing b) text-spacing c) word-spacing d) line-height e) space-between 45) Properti CSS yang berfungsi untuk menambahkan garis bawah, garis atas, atau coretan pada teks adalah... a) text-style b) font-decoration c) text-decoration d) decoration: none; e) text-border 46) Diketahui tag HTML <h2>Judul</h2>. Manakah CSS embedding yang tepat agar teks "Judul" berwarna hijau dan tebal? a) h2 { font-color: green; font-weight: bold; } b) #judul { color: green; font-weight: bold; } c) h2 { color: green; font-weight: bold; } d) h2 { background-color: green; font-style: bold; } e) h2 { text-color: green; font-bold: true; } 47) Untuk membuat semua heading <h1> berwarna ungu dan rata tengah, CSS embedding yang tepat adalah... a) h1 { color: purple; align: center; } b) h1 { color: purple; text-align: center; } c) .h1 { color: purple; text-align: center; } d) h1 { font-color: purple; text-align: center; } e) h1 { color: purple; text-align: left; } 48) Diketahui perintah JavaScript: x=10; y=5; alert(x + y);. Teks yang tampil pada kotak pesan adalah... a) x + y b) 15 c) 105 d) Error e) alert(x+y) 49) Terdapat perintah JavaScript: nama = prompt("Masukkan nama Anda: "); alert("Halo " + nama);. Jika pengguna mengetik "Heri", maka pesan yang muncul adalah... a) Halo b) Heri c) Halo Heri d) Masukkan nama Anda: Asep e) Halo + Asep 50) Perintah JavaScript yang digunakan untuk menampilkan kotak pesan (dialog box) sederhana kepada pengguna adalah... a) confirm() b) prompt() c) alert() d) msgbox() e) showText() 51) Diketahui kode JavaScript: x=4; y=3; z=x * y; alert("z");. Pesan yang muncul pada layar adalah... a) z b) 12 c) 7 d) 4*3 e) Error 52) Perintah JavaScript yang digunakan untuk meminta input berupa teks dari pengguna melalui dialog box adalah... a) input() b) alert() c) prompt() d) request() e) read() 53) Pernyataan if (x > 10) { alert("Besar"); } berarti... a) Variabel x selalu lebih besar dari 10. b) Jika nilai x sama dengan 10, maka muncul pesan "Besar". c) Jika nilai x lebih besar dari 10, maka muncul kotak pesan "Besar". d) Jika nilai x kurang dari 10, maka muncul pesan "Besar". e) Jika nilai x lebih besar atau sama dengan 10, maka muncul pesan "Besar". 54) Program JavaScript: nilai = Number(prompt("Masukkan nilai: ")); hasil = nilai + 10; alert(hasil);. Jika pengguna memasukkan angka 90, maka hasil yang ditampilkan adalah... a) 9010 b) 90 c) 100 d) Error e) 10 55) Diketahui perintah JavaScript: a=5; b=3; document.write("a+b");. Output program di atas adalah... a) 8 b) a+b c) 5+3 d) Error e) 53 56) Program JavaScript: a=10; b=2; document.write("Hasil = " + a/b);. Output yang ditampilkan adalah... a) Hasil = 10/2 b) Hasil = 5 c) Hasil = a/b d) 10/2 e) Error 57) Kode JavaScript: var p=10000; var q=3; var total = p * q; document.write("Total Bayar: Rp " + total);. Hasil yang ditampilkan pada halaman adalah... a) Total Bayar: Rp p*q b) Total Bayar: Rp 30000 c) Total Bayar: Rp 10000 d) Total Bayar: Rp total e) Total Bayar: Rp 3 58) Diketahui elemen HTML: <p id="teks"></p>. Perintah JavaScript untuk menampilkan teks "Selamat Datang" di dalam paragraf tersebut adalah... a) document.getElementById("teks").value = "Selamat Datang"; b) document.getElementByTag("p").text = "Selamat Datang"; c) document.getElementById("teks").innerHTML = "Selamat Datang"; d) document.write("Selamat Datang"); e) document.getElementById("teks").setText("Selamat Datang"); 59) Program: umur = 16; if (umur >= 17) { alert("Boleh membuat KTP"); } else { alert("Belum cukup umur"); }. Pesan yang muncul adalah... a) Boleh membuat KTP b) Belum cukup umur c) Kedua pesan muncul d) Error e) Tidak ada pesan yang muncul 60) Terdapat elemen HTML: <p id="teks" style="color: blue;">Halo</p>. Perintah JavaScript untuk mengubah warna teks menjadi hijau adalah... a) document.getElementById("teks").style.text = "green"; b) document.getElementById("teks").color = "green"; c) document.getElementById("teks").style.color = "green"; d) document.getElementById("teks").changeColor("green"); e) document.getElementById("teks").style.fontColor = "green"; 61) Diketahui elemen HTML: <h1 id="judul">Selamat Datang</h1>. Perintah JavaScript untuk mengubah ukuran huruf menjadi 30px adalah... a) document.getElementById("judul").size = "30px"; b) document.getElementById("judul").style.font-size = "30px"; c) document.getElementById("judul").style.fontSize = "30px"; d) document.getElementById("judul").style.text-size = "30px"; e) document.getElementById("judul").style.textSize = "30px"; 62) Diketahui elemen HTML: <p id="info">Teks Informasi</p>. Perintah JavaScript untuk menyembunyikan teks tersebut (menggunakan properti CSS display) adalah... a) document.getElementById("info").style.visibility = "hidden"; b) document.getElementById("info").hide(); c) document.getElementById("info").style.display = "none"; d) document.getElementById("info").style.display = "hidden"; e) document.getElementById("info").remove(); 63) Atribut CSS yang mengatur jarak antara bingkai suatu elemen dengan isinya (konten) adalah... a) margin b) border-spacing c) padding d) spacing e) content-margin 64) Manakah kode CSS embedding yang tepat untuk mengatur latar belakang tag BODY berupa gambar texture.jpg? a) body { background-image: "texture.jpg"; } b) body { background-source: url('texture.jpg'); } c) body { background-image: url('texture.jpg'); } d) body { background: 'texture.jpg'; } e) body { image: url('texture.jpg'); } 65) Manakah CSS inline yang benar untuk teks <p>"MOVIEKU.COM"</p> agar memiliki jenis font Arial, ukuran 28 pt, dan rata tengah? a) <p style="font: Arial; size: 28pt; align: center;">MOVIEKU.COM</p> b) <p style="font-family: Arial; font-size: 28pt; text-align: center;">MOVIEKU.COM</p> c) <p style="family: Arial; text-size: 28pt; text-align: center;">MOVIEKU.COM</p> d) <p style="font-face: Arial; font-size: 28pt; align-text: center;">MOVIEKU.COM</p> e) <p style="font-family: Arial; text-size: 28pt; text-align: center;">MOVIEKU.COM</p>
0%
Latihan PSAS Informatika
शेयर
शेयर
शेयर
Christogunanto
द्वारा
Kelas 11
Informatika
कंटेंट को एडिट करें
प्रिंट
एम्बेड
अधिक
कार्य
लीडरबोर्ड
अधिक दिखाएं
कम दिखाएं
यह लीडरबोर्ड अभी निजी है।
शेयर
पर क्लिक करें इसे सार्वजनिक करें।
इस लीडरबोर्ड को रिसोर्स ओनर ने डिसेबल कर दिया है।
यह लीडरबोर्ड डिसेबल है क्योंकि आपके विकल्प रिसोर्स ओनर से अलग हैं।
पूर्वस्थिति विकल्प
बॉक्स खोलें
एक ओपन एंडेड टेम्पलेट है। यह लीडरबोर्ड के लिये स्कोर उत्पन्न नहीं करता है।
लॉग ईन आवश्यक
दृश्य शैली
फ़ॉन्ट
सदस्यता आवश्यक है
विकल्प
टेम्पलेट स्विच करें
सभी दिखाएं
गतिविधि (एक्टिविटी) खेलते समय अधिक फार्मेट दिखाई देंगे।
खुले परिणाम
लिंक कॉपी करें
क्यूआर कोड
डिलीट
ऑटो-सेव पुनःस्थापित करें:
?
Christogunanto