Quiz CSS Dasar

Authored by Muhammad Wildan

Computers

University

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

Content View

Student View

12 questions

Show all answers

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

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

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

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

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

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

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

15 questions

Fundamentos de HTML

Quiz

•

University

15 questions

Web Kickstart

Quiz

•

University

15 questions

Tablas y HTML

Quiz

•

University

15 questions

Kuis Pra-UTS

Quiz

•

University

10 questions

Quiz ECIH Week 4

Quiz

•

University

10 questions

Hojas de Estilo

Quiz

•

University

15 questions

HTML is FuN! 2

Quiz

•

10th Grade - University

12 questions

O que vamos aprender?

Quiz

•

1st Grade - 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

29 questions

Alg. 1 Section 5.1 Coordinate Plane

Quiz

•

9th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

11 questions

FOREST Effective communication

Lesson

•

20 questions

Main Idea and Details

Quiz

•

5th Grade

20 questions

Context Clues

Quiz

•

6th Grade

Discover more resources for Computers

12 questions

IREAD Week 4 - Review

Quiz

•

3rd Grade - University

7 questions

Fragments, Run-ons, and Complete Sentences

Interactive video

•

4th Grade - University

7 questions

Renewable and Nonrenewable Resources

Interactive video

•

4th Grade - University

10 questions

DNA Structure and Replication: Crash Course Biology

Interactive video

•

11th Grade - University

5 questions

Inherited and Acquired Traits of Animals

Interactive video

•

4th Grade - University

5 questions

Examining Theme

Interactive video

•

4th Grade - University

20 questions

Implicit vs. Explicit

Quiz

•

6th Grade - University

7 questions

Comparing Fractions

Interactive video

•

1st Grade - University

Quiz CSS Dasar

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

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.