wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

E-Commerce & HTML

Total questions: 30

Worksheet time: 10mins

Name
Class
Date
1.

E-commerce secara harfiah berarti perdagangan elektronik, tetapi apa inti utamanya?

a)

Penjualan barang melalui toko fisik dengan bantuan internet

b)

Transaksi bisnis yang dilakukan melalui platform digital

c)

Pemasaran produk menggunakan email tanpa situs web

d)

Distribusi barang tanpa pembayaran online

2.

Apa yang membedakan e-commerce dari perdagangan tradisional?

a)

Tidak memerlukan pembayaran

b)

Dilakukan melalui media elektronik, terutama internet

c)

Hanya melibatkan barang fisik

d)

Tidak membutuhkan pelanggan

3.

Perkembangan e-commerce ditandai dengan apa?

a)

Penurunan penggunaan internet untuk belanja

b)

Munculnya platform seperti Lazada dan Tokopedia

c)

Peningkatan transaksi di pasar tradisional

d)

Penghapusan pembayaran digital

4.

Model bisnis e-commerce yang melibatkan konsumen menjual ke konsumen lain adalah?

a)

B2B (Business to Business)

b)

C2C (Consumer to Consumer)

c)

B2C (Business to Consumer)

d)

C2B (Consumer to Business)

5.

Contoh platform yang menggunakan model C2C adalah?

a)

Amazon (penjualan langsung)

b)

Shopee (khususnya fitur marketplace individu)

c)

Alibaba (penjualan grosir)

d)

Zalora (penjualan ritel)

6.

Apa yang paling penting dalam analisis kelayakan model bisnis e-commerce?

a)

Memilih warna tema situs

b)

Menghitung biaya operasional dan potensi keuntungan

c)

Menentukan lokasi server fisik

d)

Menghitung jumlah karyawan desain

7.

Apa peran utama HTML dalam situs e-commerce?

a)

Mengatur animasi halaman

b)

Menyusun struktur dasar halaman web

c)

Mengelola data pelanggan

d)

Menentukan warna tombol

8.

Tag <h1> digunakan untuk apa?

a)

Membuat paragraf deskripsi produk

b)

Menampilkan judul utama halaman

c)

Membuat tautan ke halaman lain

d)

Menampilkan gambar produk

9.

Apa itu nesting dalam HTML?

a)

Menulis kode tanpa spasi untuk efisiensi

b)

Menempatkan tag di dalam tag lain secara hierarkis

c)

Menggunakan tag tanpa atribut

d)

Menghapus tag penutup untuk kecepatan

10.

Tag mana yang paling tepat untuk menampilkan gambar produk?

a)

<image>

b)

<img>

c)

<picture>

d)

<src>

11.

Tag HTML mana yang sering digunakan untuk formulir checkout?

a)

<input>

b)

<form>

c)

<button>

d)

<label>

12.

Struktur dasar HTML untuk situs e-commerce harus mencakup?

a)

<html>, <head>, <body>

b)

<div>, <span>, <p>

c)

<style>, <script>, <link>

d)

<meta>, <title>, <nav>

13.

Apa yang diatur oleh CSS dalam situs e-commerce?

a)

Logika keranjang belanja

b)

Gaya visual seperti warna dan tata letak

c)

Struktur halaman web

d)

Koneksi ke database

14.

Selector #product akan memilih elemen dengan?

a)

Class bernama "product"

b)

ID bernama "product"

c)

Tag bernama "product"

d)

Atribut bernama "product"

15.

Properti CSS untuk mengubah warna latar belakang adalah?

a)

color

b)

background-color

c)

bg-color

d)

background

16.

Media query digunakan untuk?

a)

Mengubah struktur HTML

b)

Menyesuaikan gaya CSS berdasarkan ukuran layar

c)

Mengatur kecepatan loading halaman

d)

Menambahkan animasi

17.

Unit rem dalam CSS relatif terhadap?

a)

Lebar viewport

b)

Ukuran font elemen akar (root)

c)

Lebar elemen induk

d)

Tinggi layar

18.

Apa keunggulan utama CSS Grid dibandingkan tata letak tradisional?

a)

Mengurangi kebutuhan tag HTML

b)

Memungkinkan tata letak dua dimensi yang fleksibel

c)

Menggantikan JavaScript untuk logika

d)

Menghapus kebutuhan media query

19.

Apa langkah pertama dalam analisis kebutuhan situs e-commerce?

a)

Membeli hosting dan domain

b)

Mengidentifikasi kebutuhan pengguna dan fitur situs

c)

Memilih warna tema situs

d)

Menginstal CMS seperti WordPress

20.

Apa fokus utama dalam desain situs e-commerce?

a)

Menggunakan animasi sebanyak mungkin

b)

Memastikan navigasi intuitif dan pengalaman pengguna optimal

c)

Mengurangi jumlah halaman situs

d)

Menggunakan font terbesar

21.

Apa yang harus dipertimbangkan saat memilih platform e-commerce?

a)

Jumlah pengikut platform di media sosial

b)

Kemudahan penggunaan, skalabilitas, dan biaya

c)

Warna antarmuka platform

d)

Lokasi kantor pusat platform

22.

Platform seperti Shopify paling cocok untuk?

a)

Membuat aplikasi pengolah kata

b)

Membangun situs e-commerce dengan cepat

c)

Mengedit gambar produk

d)

Mengelola database karyawan

23.

Atribut apa yang digunakan pada tag <a> untuk tautan produk?

a)

src

b)

href

c)

link

d)

url

24.

Tag mana yang ideal untuk daftar kategori produk?

a)

<div>

b)

<ul>

c)

<p>

d)

<span>

25.

Properti CSS untuk jarak luar elemen adalah?

a)

padding

b)

margin

c)

border

d)

spacing

26.

Breakpoint dalam media query berfungsi untuk?

a)

Mengubah warna elemen pada layar kecil

b)

Menentukan titik perubahan gaya berdasarkan ukuran layar

c)

Menghentikan rendering halaman

d)

Menambahkan elemen baru

27.

Apa itu tata letak fleksibel dalam CSS?

a)

Tata letak yang menggunakan posisi absolut

b)

Tata letak yang menyesuaikan elemen dengan flexbox

c)

Tata letak tanpa media query

d)

Tata letak dengan ukuran tetap

28.

Mengapa hierarki HTML penting untuk situs e-commerce?

a)

Mengurangi jumlah file CSS

b)

Memastikan struktur halaman logis dan aksesibel

c)

Menggantikan kebutuhan JavaScript

d)

Menghapus tag penutup

29.

Teknologi apa yang umum digunakan untuk situs e-commerce?

a)

HTML, CSS, dan PHP

b)

Microsoft Excel dan Access

c)

Adobe Illustrator dan Premiere

d)

Python dan R

30.

Apa tujuan desain responsif pada situs e-commerce?

a)

Mengurangi jumlah produk yang ditampilkan

b)

Memastikan tampilan optimal di semua perangkat

c)

Menghapus elemen interaktif

d)

Menggunakan warna monokrom