Ridwan adalah seorang pengembang web yang ingin menampilkan berita terbaru dalam format yang bergerak secara horizontal di bagian atas halaman beranda situs berita. Bagaimana Ridwan dapat mencapai ini dalam HTML …

B. Dengan elemen untuk membuat teks bergerak secara horizontal.

A. Dengan menggunakan elemen untuk membuat teks bergerak secara horizontal.

C. Dengan elemen untuk membuat teks bergerak secara horizontal.

D. Dengan elemen untuk membuat teks bergerak secara horizontal.

Widodo adalah seorang Siswa yang ingin membuat tabel sederhana untuk menampilkan jadwal pelajaran sekolah di situs web pribadinya. Bagaimana Widodo dapat membuat tabel ini dalam HTML …

B. Dengan elemen untuk membuat tabel.

A. Dengan menggunakan elemen untuk membuat tabel.

C. Dengan elemen untuk membuat tabel.

D. Dengan elemen untuk membuat tabel.

Evriel adalah seorang desainer web yang ingin mengubah tampilan halaman beranda situs klien. Bagaimana Evriel dapat mencapai ini dengan menggunakan bahasa pemrograman CSS …

D. Dengan menulis aturan gaya dalam bahasa CSS.

A. Dengan menulis perintah-perintah dalam bahasa pemrograman PHP.

B. Dengan menambahkan markup HTML di dalam halaman.

C. Dengan menambahkan perintah-perintah JavaScript di halaman.

Garin adalah seorang pengembang web yang ingin mengubah warna latar belakang halaman situs web menjadi biru. Bagaimana Garin dapat mencapai ini dengan menggunakan bahasa pemrograman CSS …

D. Dengan menambahkan atribut background-color: blue di dalam aturan gaya CSS.

A. Dengan menulis perintah-perintah JavaScript untuk mengubah warna latar belakang.

B. Dengan menambahkan elemen di dalam markup HTML.

C. Dengan menambahkan elemen di dalam markup HTML.

Tri adalah seorang pengembang web yang ingin mengubah font teks di seluruh situs webnya. Bagaimana Tri dapat mencapai ini dengan menggunakan bahasa pemrograman CSS ….

D. Dengan menulis aturan gaya CSS yang mengubah properti font-family.

A. Dengan menulis elemen di dalam markup HTML.

B. Dengan menambahkan elemen di dalam markup HTML.

C. Dengan menambahkan elemen di dalam markup HTML.

Ulfa adalah seorang desainer web yang ingin mengubah tampilan tombol "Submit" dalam formulir kontak situs web. Bagaimana Ulfa dapat mencapai ini dengan menggunakan bahasa pemrograman CSS ….

A. Dengan menulis elemen khusus di dalam formulir HTML.

B. Dengan menambahkan elemen di dalam formulir HTML.

C. Dengan menambahkan elemen di dalam markup HTML.

D. Dengan menambahkan atribut style="button-style: custom" di dalam elemen .

Aprilana adalah seorang pengembang web yang ingin mengubah tampilan tautan (link) di situs webnya. Bagaimana Aprilana dapat mencapai ini dengan menggunakan bahasa pemrograman CSS ….

A. Dengan menulis aturan gaya CSS yang mengubah tampilan tautan.

B. Dengan menambahkan elemen di dalam markup HTML.

C. Dengan menambahkan elemen (anchor) di dalam markup HTML.

D. Dengan menambahkan atribut style="link-style: custom" di dalam elemen .

Seorang programmer web ingin membuat sebuah halaman web dengan tampilan header berwarna merah, footer berwarna biru, dan teks pada body berwarna hitam. Untuk membuat tampilan tersebut, kode CSS yang digunakan adalah sebagai berikut: CSS body { color: black; } header { background-color: red; } footer { background-color: blue; }

A. Kode CSS tersebut sudah benar dan akan menghasilkan tampilan header berwarna merah, footer berwarna biru, dan teks pada body berwarna hitam.

B. Kode CSS tersebut salah karena tidak ada aturan urutan penulisan.

C. Kode CSS tersebut salah karena tidak ada aturan penulisan untuk tag body.

D. Kode CSS tersebut salah karena tidak ada aturan penulisan untuk tag header dan footer.

Seorang programmer web ingin membuat sebuah halaman web dengan tampilan tombol berwarna hijau dan teks pada tombol berwarna putih. Untuk membuat tampilan tersebut, kode CSS yang digunakan adalah sebagai berikut: CSS button { background-color: green; color: white; }

A. Kode CSS tersebut sudah benar dan akan menghasilkan tampilan tombol berwarna hijau dan teks pada tombol berwarna putih.

B. Kode CSS tersebut salah karena tidak ada aturan urutan penulisan.

C. Kode CSS tersebut salah karena tidak ada aturan penulisan untuk tag button.

D. Kode CSS tersebut salah karena tidak ada aturan penulisan untuk warna.

Seorang programmer web ingin membuat sebuah halaman web dengan tampilan gambar berwarna hitam dan putih. Untuk membuat tampilan tersebut, kode CSS yang digunakan adalah sebagai berikut: CSS img { color: black; background-color: white; }

D. Kode CSS tersebut salah karena tidak ada aturan penulisan untuk warna.

A. Kode CSS tersebut sudah benar dan akan menghasilkan tampilan gambar berwarna hitam dan putih.

B. Kode CSS tersebut salah karena tidak ada aturan urutan penulisan.

C. Kode CSS tersebut salah karena tidak ada aturan penulisan untuk tag img.

Seorang programmer web ingin membuat sebuah halaman web dengan tampilan ukuran teks pada body sebesar 16px. Untuk membuat tampilan tersebut, kode CSS yang digunakan adalah sebagai berikut: CSS body { font-size: 16px; }

A. Kode CSS tersebut sudah benar dan akan menghasilkan tampilan ukuran teks pada body sebesar 16px.

B. Kode CSS tersebut salah karena tidak ada aturan urutan penulisan.

C. Kode CSS tersebut salah karena tidak ada aturan penulisan untuk tag body.

D. Kode CSS tersebut salah karena tidak ada aturan penulisan untuk ukuran teks.

Seorang programmer web ingin membuat sebuah halaman web dengan tampilan berikut: Header: berwarna merah dan ukuran teks sebesar 20px. Body: berwarna hitam dan ukuran teks sebesar 16px. Footer: berwarna biru dan ukuran teks sebesar 12px. Untuk membuat tampilan tersebut, kode CSS yang digunakan adalah sebagai berikut: CSS header { color: red; font-size: 20px; } body { color: black; font-size: 16px; } footer { color: blue; font-size: 12px; }

B. Kode CSS tersebut salah karena tidak ada aturan urutan penulisan.

A. Kode CSS tersebut sudah benar dan akan menghasilkan tampilan yang diinginkan.

C. Kode CSS tersebut salah karena tidak ada aturan penulisan untuk tag header, body, dan footer.

D. Kode CSS tersebut salah karena tidak ada aturan penulisan untuk warna dan ukuran teks.

Apa tujuan utama dari CSS dalam pengembangan web …

D. Mengatur tampilan dan gaya halaman web

A. Menentukan konten halaman web

Apa yang dimaksud dengan "selektor" dalam CSS …

B. Bagian CSS yang menentukan elemen HTML mana yang akan diubah tampilannya

A. Format teks pada halaman web

C. Elemen HTML yang digunakan dalam CSS

D. Bagian CSS yang digunakan untuk komentar

Apa yang dimaksud dengan "properti" dalam CSS …

C. Bagian CSS yang mengontrol aspek tampilan elemen HTML

A. Bagian CSS yang digunakan untuk komentar

B. Perintah JavaScript dalam CSS

D. Elemen HTML yang digunakan dalam CSS

Apa yang dimaksud dengan "nilai" dalam CSS …

D. Nilai dalam CSS adalah informasi yang diberikan ke properti untuk mengubah tampilan elemen HTML.

A. Bagian CSS yang digunakan untuk komentar

B. Elemen HTML yang digunakan dalam CSS

C. Format teks pada halaman web

Seorang programmer web ingin membuat sebuah animasi loading dengan CSS. Animasi tersebut berupa sebuah kotak yang akan berputar-putar dari kiri ke kanan. Untuk membuat animasi tersebut, kode CSS yang digunakan adalah sebagai berikut: CSS .loader { width: 100px; height: 100px; border-radius: 50%; background-color: #000; position: fixed; top: 0; left: 0; z-index: 1000; } .loader:after { content: ""; width: 50px; height: 50px; border-radius: 50%; background-color: #fff; position: absolute; top: 25px; left: 25px; animation: spin 2s infinite linear; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

A. Kode CSS tersebut sudah benar dan akan menghasilkan animasi loading yang diinginkan.

B. Kode CSS tersebut salah karena tidak ada aturan urutan penulisan.

C. Kode CSS tersebut salah karena tidak ada aturan penulisan untuk animasi.

D. Kode CSS tersebut salah karena tidak ada aturan penulisan untuk properti width dan height.

Seorang programmer web ingin membuat sebuah halaman web dengan tampilan header berwarna merah dan ukuran teks sebesar 20px. Untuk membuat tampilan tersebut, kode CSS yang digunakan adalah sebagai berikut: Halaman Web header { color: red; font-size: 20px; } Header Namun, programmer web tersebut ingin membuat tampilan header tersebut dapat digunakan kembali di halaman web lain.

B. Untuk membuat tampilan header tersebut dapat digunakan kembali di halaman web lain, programmer web tersebut dapat menggunakan teknik penulisan CSS internal.

A. Untuk membuat tampilan header tersebut dapat digunakan kembali di halaman web lain, programmer web tersebut dapat menggunakan teknik penulisan CSS inline.

C. Untuk membuat tampilan header tersebut dapat digunakan kembali di halaman web lain, programmer web tersebut dapat menggunakan teknik penulisan CSS external.

D. Untuk membuat tampilan header tersebut dapat digunakan kembali di halaman web lain, programmer web tersebut dapat menggunakan teknik penulisan CSS inline dan internal.

Seorang programmer web ingin membuat sebuah halaman web dengan layout dua kolom. Kolom pertama berisi judul dan navigasi, sedangkan kolom kedua berisi konten. Untuk membuat tampilan tersebut, kode CSS yang digunakan adalah sebagai berikut: .container { display: flex; flex-direction: row; justify-content: space-between; } .header { width: 20%; background-color: red; } .content { width: 80%; background-color: blue; } Namun, programmer web tersebut ingin membuat tampilan kolom kedua menjadi lebih lebar dari kolom pertama.

B. Untuk membuat tampilan kolom kedua menjadi lebih lebar dari kolom pertama, programmer web tersebut dapat menggunakan properti flex-grow pada elemen .content.

A. Untuk membuat tampilan kolom kedua menjadi lebih lebar dari kolom pertama, programmer web tersebut dapat menggunakan properti flex-basis pada elemen .content.

C. Untuk membuat tampilan kolom kedua menjadi lebih lebar dari kolom pertama, programmer web tersebut dapat menggunakan properti flex-shrink pada elemen .content.

D. Untuk membuat tampilan kolom kedua menjadi lebih lebar dari kolom pertama, programmer web tersebut dapat menggunakan properti flex-direction pada elemen .container.

Seorang programmer web ingin membuat sebuah halaman web dengan tampilan tombol berwarna hijau dan ukuran teks sebesar 20px. Untuk membuat tampilan tersebut, kode CSS yang digunakan adalah sebagai berikut: CSS button { background-color: green; color: white; font-size: 20px; } Namun, programmer web tersebut ingin membuat tampilan tombol tersebut dapat berubah warna menjadi merah ketika tombol diklik.

D. Untuk membuat tampilan tombol tersebut dapat berubah warna menjadi merah ketika tombol diklik, programmer web tersebut dapat menggunakan properti :active.

A. Untuk membuat tampilan tombol tersebut dapat berubah warna menjadi merah ketika tombol diklik, programmer web tersebut dapat menggunakan properti transition.

B. Untuk membuat tampilan tombol tersebut dapat berubah warna menjadi merah ketika tombol diklik, programmer web tersebut dapat menggunakan properti animation.

C. Untuk membuat tampilan tombol tersebut dapat berubah warna menjadi merah ketika tombol diklik, programmer web tersebut dapat menggunakan properti hover.

Seorang programmer web ingin membuat sebuah halaman web dengan form input nama, alamat, dan email. Untuk membuat tampilan form tersebut, kode HTML yang digunakan adalah sebagai berikut: HTML Namun, programmer web tersebut ingin membuat tampilan form tersebut menjadi lebih modern dan menarik.

A. Untuk membuat tampilan form tersebut menjadi lebih modern dan menarik, programmer web tersebut dapat menggunakan properti border-radius untuk membuat elemen form menjadi melengkung.

B. Untuk membuat tampilan form tersebut menjadi lebih modern dan menarik, programmer web tersebut dapat menggunakan properti box-shadow untuk membuat elemen form menjadi memiliki bayangan.

C. Untuk membuat tampilan form tersebut menjadi lebih modern dan menarik, programmer web tersebut dapat menggunakan properti text-align untuk mengatur posisi teks pada elemen form.

D. Untuk membuat tampilan form tersebut menjadi lebih modern dan menarik, programmer web tersebut dapat menggunakan properti font-family untuk mengatur jenis huruf pada elemen form.

Prog.WEB XI (SASI-2023)

Authored by MAS PURNOMO

Computers

11th Grade

Used 6+ times

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

Content View

Student View

30 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Metha mebaca sekilas tentang pengertian www yang merupakan sesuatu yang oleh kebanyakan orang dianggap sebagai Internet. WWW berisi halaman web, gambar, video, dan konten online lainnya yang dapat diakses melalui browser web. Apa kepanjangan WWW ?

A. World Wide Web

B. Wide World Web

C. Web Wide World

D. World Web Wide

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

HTML menjadi pondasi yang paling dasar dari pembuatan sebuah website atau sistem informasi. Pengembangan HTML kini telah mencapai versi HTML5. HTML diibaratkan sebagai tiang pondasi pada bangunan rumah. Maka HTML merupakan singkatan dari ....

A. Home Tool Markup Language

B. Hyperlinks and Text Markup Language

C. Hyper Text Markup Language

D. Hyper Tool Markup Language

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Jika data yang diminta oleh browser tersebut ternyata tidak ditemukan oleh web server, web server akan menolak permintaan tersebut dan browser akan menampilkan ....

A. Mozilla Firefox

B. tampilan putih

C. Page Not Found

D. browser

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Bagaimana cara mengatasi tantangan teknologi informasi web…

A. Menggunakan perangkat lunak dan layanan yang aman

B. Menjaga privasi data

C. Memblokir konten yang tidak pantas

D. Semua jawaban benar

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Afdhal sedang mengembangkan sebuah toko online. Dia ingin memastikan bahwa semua transaksi pelanggan aman dan dilindungi dari serangan siber. Untuk tujuan ini, dia mengintegrasikan sertifikat keamanan SSL (Secure Socket Layer) pada situs webnya. Apa yang dilakukan SSL untuk meningkatkan keamanan situs web Afdhal …

A. Mengelola database

B. Meningkatkan kecepatan loading halaman

C. Mengenkripsi data yang dikirim antara server dan browser

D. Menambahkan animasi dan efek visual

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Chirayah ingin membuat blog pribadi. Dia ingin menulis berbagai artikel dan memungkinkan pengunjung untuk memberikan komentar di bawah setiap artikel. Bagaimana Chirayah dapat mengimplementasikan fitur komentar ini dalam blognya …

A. Dengan mengatur tampilan menggunakan CSS

B. Dengan menggunakan bahasa pemrograman PHP

C. Dengan menambahkan efek animasi

D. Dengan mengintegrasikan database

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Dinda adalah seorang pemilik bisnis kecil yang ingin memiliki situs web sederhana untuk mengenalkan produk-produknya kepada pelanggan potensial. Namun, dia tidak memiliki pengetahuan teknis yang mendalam dalam pengembangan web. Solusi apa yang akan paling cocok untuk Dinda …

A. Menggunakan HTML dan CSS untuk membuat situs web sendiri

B. Menggunakan Content Management System (CMS) seperti WordPress

C. Menyewa tim pengembang web profesional

D. Membeli server dan hosting sendiri

Prog.WEB XI (SASI-2023)

Metha mebaca sekilas tentang pengertian www yang merupakan sesuatu yang oleh kebanyakan orang dianggap sebagai Internet. WWW berisi halaman web, gambar, video, dan konten online lainnya yang dapat diakses melalui browser web. Apa kepanjangan WWW ?

HTML menjadi pondasi yang paling dasar dari pembuatan sebuah website atau sistem informasi. Pengembangan HTML kini telah mencapai versi HTML5. HTML diibaratkan sebagai tiang pondasi pada bangunan rumah. Maka HTML merupakan singkatan dari ....

Jika data yang diminta oleh browser tersebut ternyata tidak ditemukan oleh web server, web server akan menolak permintaan tersebut dan browser akan menampilkan ....

Bagaimana cara mengatasi tantangan teknologi informasi web…

Chirayah ingin membuat blog pribadi. Dia ingin menulis berbagai artikel dan memungkinkan pengunjung untuk memberikan komentar di bawah setiap artikel. Bagaimana Chirayah dapat mengimplementasikan fitur komentar ini dalam blognya …

Dinda adalah seorang pemilik bisnis kecil yang ingin memiliki situs web sederhana untuk mengenalkan produk-produknya kepada pelanggan potensial. Namun, dia tidak memiliki pengetahuan teknis yang mendalam dalam pengembangan web. Solusi apa yang akan paling cocok untuk Dinda …

Sebuah web developer ingin membuat judul halaman web dengan font besar dan tebal. Elemen HTML yang digunakan untuk membuat judul tersebut adalah …

Ridwan adalah seorang pengembang web yang ingin menampilkan berita terbaru dalam format yang bergerak secara horizontal di bagian atas halaman beranda situs berita. Bagaimana Ridwan dapat mencapai ini dalam HTML …

Widodo adalah seorang Siswa yang ingin membuat tabel sederhana untuk menampilkan jadwal pelajaran sekolah di situs web pribadinya. Bagaimana Widodo dapat membuat tabel ini dalam HTML …

Access all questions and much more by creating a free account

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Computers