Quiz CSS Dasar

University

•

12 Qs

Similar activities

PENGENALAN UNITY

University

•

10 Qs

Kemanan Komputer - Melindungi Sistem Menggunakan Antivirus

1st Grade - University

•

10 Qs

Pengumpulan Data

University

•

9 Qs

Arsitektur Komputer Pertemuan 11

University

•

10 Qs

Pengantar Programming DDP D4 JTK POLBAN

University

•

10 Qs

Pretest Visual Basic 6.0

University

•

10 Qs

Jaringan Komputer II SSM

University

•

10 Qs

Soal Latihan PAS TIK Level 9

12th Grade - University

•

10 Qs

Quiz CSS Dasar

Quiz

•

Computers

•

University

•

Practice Problem

•

Hard

Muhammad Wildan

FREE Resource

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

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

15 questions

Fundamentos de HTML

Quiz

•

University

10 questions

DKS - PR5 & PR6

Quiz

•

University

15 questions

Web Kickstart

Quiz

•

University

15 questions

Kuis Pra-UTS

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

$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

20 questions

Figurative Language Review

Quiz

•

6th Grade

Discover more resources for Computers

30 questions

Quiz 1 Review

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.