Quiz CSS Dasar

Quiz

•

Computers

•

University

•

Practice Problem

•

Hard

Muhammad Wildan

FREE Resource

12 questions

Show all answers

1.

OPEN ENDED QUESTION

3 mins • 1 pt

Kasus:
Kamu diberikan kode HTML berikut:
html
Copy code
<!DOCTYPE html>
<html>
<head>
<title>Background Color</title>
</head>
<body>
<h1>Change Background</h1>
</body>
</html>
Tugas:
Gunakan CSS untuk mengubah warna latar belakang halaman menjadi biru muda.

Evaluate responses using AI:

OFF

2.

OPEN ENDED QUESTION

3 mins • 1 pt

Kamu diberikan kode HTML berikut: Text Styling
Hello, this is a styled text!
Tugas: Tambahkan CSS untuk membuat teks paragraf berwarna hijau, huruf kapital semua, dan tebal.

Evaluate responses using AI:

OFF

3.

OPEN ENDED QUESTION

3 mins • 1 pt

Kamu diberikan kode HTML berikut: Image Styling Tugas: Tambahkan CSS untuk membuat gambar memiliki lebar 200px dan membuat gambar menjadi lingkaran sempurna.

Evaluate responses using AI:

OFF

4.

OPEN ENDED QUESTION

3 mins • 1 pt

Kamu diberikan kode HTML berikut: Simple Table

Item Price

Apple $1

Banana $0.5

Tugas: Tambahkan CSS untuk membuat tabel memiliki garis perbatasan (border) 1px solid hitam dan jarak antar sel (cell padding) sebesar 10px.

Item	Price
Apple	$1
Banana	$0.5

Evaluate responses using AI:

OFF

5.

OPEN ENDED QUESTION

3 mins • 1 pt

Kamu diberikan kode HTML berikut: Simple Navbar

Home

About

Contact

Tugas: Tambahkan CSS untuk membuat daftar tersebut menjadi horizontal dan berikan padding sebesar 20px di setiap item.

Evaluate responses using AI:

OFF

6.

OPEN ENDED QUESTION

3 mins • 1 pt

Kamu diberikan kode HTML berikut: Simple Grid

1

2

3

4

Tugas: Tambahkan CSS untuk membuat elemen di dalam div .container disusun dalam grid dengan 2 kolom dan 2 baris, masing-masing dengan jarak antar elemen sebesar 10px.

Evaluate responses using AI:

OFF

7.

OPEN ENDED QUESTION

3 mins • 1 pt

Kamu diberikan kode HTML berikut: Two Column Layout
Left Column

Right Column
Tugas: Tambahkan CSS untuk membuat kedua kolom ini berada di sebelah kiri dan kanan layar (menggunakan float atau flexbox), masing-masing dengan lebar 50%.

Evaluate responses using AI:

OFF

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever

or continue with

Microsoft

Apple

Others

Already have an account?

Similar Resources on Wayground

9 questions

HTML Basics

Quiz

•

9th Grade - Professio...

11 questions

Latex

Quiz

•

University

10 questions

Avaliação de Laboratório de WEB

Quiz

•

University

10 questions

SOAL TIK 02

Quiz

•

University

12 questions

Internet

Quiz

•

University

14 questions

Social Dilemma

Quiz

•

8th Grade - Professio...

10 questions

CSS-каскад стиль

Quiz

•

University

15 questions

Quizizz Sakti

Quiz

•

University

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

54 questions

Analyzing Line Graphs & Tables

Quiz

•

4th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

20 questions

Main Idea and Details

Quiz

•

5th Grade

20 questions

Context Clues

Quiz

•

6th Grade

15 questions

Equivalent Fractions

Quiz

•

4th Grade

Discover more resources for Computers

20 questions

CompTIA Network+ - Ports and Protocols

Quiz

•

University

Quiz CSS Dasar

12 questions

Kasus:
Kamu diberikan kode HTML berikut:
html
Copy code
<!DOCTYPE html>
<html>
<head>
<title>Background Color</title>
</head>
<body>
<h1>Change Background</h1>
</body>
</html>
Tugas:
Gunakan CSS untuk mengubah warna latar belakang halaman menjadi biru muda.

Kamu diberikan kode HTML berikut: Text Styling
Hello, this is a styled text!
Tugas: Tambahkan CSS untuk membuat teks paragraf berwarna hijau, huruf kapital semua, dan tebal.

Kamu diberikan kode HTML berikut: Image Styling Tugas: Tambahkan CSS untuk membuat gambar memiliki lebar 200px dan membuat gambar menjadi lingkaran sempurna.

Kamu diberikan kode HTML berikut: Simple Table

Item Price

Apple $1

Banana $0.5

Tugas: Tambahkan CSS untuk membuat tabel memiliki garis perbatasan (border) 1px solid hitam dan jarak antar sel (cell padding) sebesar 10px.

Kamu diberikan kode HTML berikut: Simple Navbar

Home

About

Contact

Tugas: Tambahkan CSS untuk membuat daftar tersebut menjadi horizontal dan berikan padding sebesar 20px di setiap item.

Kamu diberikan kode HTML berikut: Simple Grid

1

2

3

4

Tugas: Tambahkan CSS untuk membuat elemen di dalam div .container disusun dalam grid dengan 2 kolom dan 2 baris, masing-masing dengan jarak antar elemen sebesar 10px.

Kamu diberikan kode HTML berikut: Two Column Layout
Left Column

Right Column
Tugas: Tambahkan CSS untuk membuat kedua kolom ini berada di sebelah kiri dan kanan layar (menggunakan float atau flexbox), masing-masing dengan lebar 50%.

Kamu diberikan kode HTML berikut: Responsive Text

Responsive Text

Kamu diberikan kode HTML berikut: Image Hover Tugas: Gunakan CSS untuk mengubah gambar menjadi "image2.jpg" ketika pengguna mengarahkan kursor di atas gambar (hover).

Kamu diberikan kode HTML berikut: Styled Form
Name: Email:
Tugas: Tambahkan CSS untuk membuat form tersebut lebih rapi dengan menambahkan margin pada setiap input, menambahkan padding pada tombol, dan merapikan elemen form secara vertikal.

Access all questions and much more by creating a free account

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Computers

Quiz CSS Dasar

12 questions

Kasus:Kamu diberikan kode HTML berikut:htmlCopy code<!DOCTYPE html><html><head> <title>Background Color</title></head><body> <h1>Change Background</h1></body></html>Tugas:Gunakan CSS untuk mengubah warna latar belakang halaman menjadi biru muda.

Kamu diberikan kode HTML berikut: Text Styling Hello, this is a styled text! Tugas: Tambahkan CSS untuk membuat teks paragraf berwarna hijau, huruf kapital semua, dan tebal.

Kamu diberikan kode HTML berikut: Image Styling Tugas: Tambahkan CSS untuk membuat gambar memiliki lebar 200px dan membuat gambar menjadi lingkaran sempurna.

Kamu diberikan kode HTML berikut: Simple Table Item Price Apple $1 Banana $0.5 Tugas: Tambahkan CSS untuk membuat tabel memiliki garis perbatasan (border) 1px solid hitam dan jarak antar sel (cell padding) sebesar 10px.

Kamu diberikan kode HTML berikut: Simple Navbar Home About Contact Tugas: Tambahkan CSS untuk membuat daftar tersebut menjadi horizontal dan berikan padding sebesar 20px di setiap item.

Kamu diberikan kode HTML berikut: Simple Grid 1 2 3 4 Tugas: Tambahkan CSS untuk membuat elemen di dalam div .container disusun dalam grid dengan 2 kolom dan 2 baris, masing-masing dengan jarak antar elemen sebesar 10px.

Kamu diberikan kode HTML berikut: Two Column Layout Left Column Right Column Tugas: Tambahkan CSS untuk membuat kedua kolom ini berada di sebelah kiri dan kanan layar (menggunakan float atau flexbox), masing-masing dengan lebar 50%.

Kamu diberikan kode HTML berikut: Responsive Text

Responsive Text

Kamu diberikan kode HTML berikut: Image Hover Tugas: Gunakan CSS untuk mengubah gambar menjadi "image2.jpg" ketika pengguna mengarahkan kursor di atas gambar (hover).

Kamu diberikan kode HTML berikut: Styled Form Name: Email: Submit Tugas: Tambahkan CSS untuk membuat form tersebut lebih rapi dengan menambahkan margin pada setiap input, menambahkan padding pada tombol, dan merapikan elemen form secara vertikal.

Access all questions and much more by creating a free account

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Computers

Kasus:
Kamu diberikan kode HTML berikut:
html
Copy code
<!DOCTYPE html>
<html>
<head>
<title>Background Color</title>
</head>
<body>
<h1>Change Background</h1>
</body>
</html>
Tugas:
Gunakan CSS untuk mengubah warna latar belakang halaman menjadi biru muda.

Kamu diberikan kode HTML berikut: Text Styling
Hello, this is a styled text!
Tugas: Tambahkan CSS untuk membuat teks paragraf berwarna hijau, huruf kapital semua, dan tebal.

Kamu diberikan kode HTML berikut: Simple Table

Item Price

Apple $1

Banana $0.5

Tugas: Tambahkan CSS untuk membuat tabel memiliki garis perbatasan (border) 1px solid hitam dan jarak antar sel (cell padding) sebesar 10px.

Kamu diberikan kode HTML berikut: Simple Navbar

Home

About

Contact

Tugas: Tambahkan CSS untuk membuat daftar tersebut menjadi horizontal dan berikan padding sebesar 20px di setiap item.

Kamu diberikan kode HTML berikut: Simple Grid

1

2

3

4

Tugas: Tambahkan CSS untuk membuat elemen di dalam div .container disusun dalam grid dengan 2 kolom dan 2 baris, masing-masing dengan jarak antar elemen sebesar 10px.

Kamu diberikan kode HTML berikut: Two Column Layout
Left Column

Right Column
Tugas: Tambahkan CSS untuk membuat kedua kolom ini berada di sebelah kiri dan kanan layar (menggunakan float atau flexbox), masing-masing dengan lebar 50%.

Kamu diberikan kode HTML berikut: Styled Form
Name: Email:
Tugas: Tambahkan CSS untuk membuat form tersebut lebih rapi dengan menambahkan margin pada setiap input, menambahkan padding pada tombol, dan merapikan elemen form secara vertikal.