wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

html css

Total questions: 56

Worksheet time: 28mins

Name
Class
Date
1.

HTML singkatan dari...

a)

Hyper Text Markup Lion

b)

Hyper Text Markup Langungge

c)

Hyper Text Markup Languange

d)

Hyper Text Markup Languangge

2.

Tag <p> pada HTML adalah

a)

heading

b)

body

c)

paragraph

d)

html

3.

<meta charset = "UTF-8"> pada HTML merupakan...

a)

Type karakter huruf

b)

Type karakter fi'il

c)

Type karakter isim

d)

Type karakter isim mufrod

4.

Tag <a href=""> pada HTML berfungsi untuk...

a)

Menghubungkan Link antara CSS

b)

Menghubungkan Link antara Page

c)

Menghubungkan Link antara Warga

d)

Menghubungkan Link antara Content

5.

Penulisan contoh heading 2pada HTML yang benar adalah...

a)

<h1>Ini Paragraph</h1>

b)

<p>Ini Paragraph</p>

c)

<h3>Ini Paragraph</h3>

d)

<h2>Ini Paragraph</h2>

6.

<p style="font-size: 16px;"></p>

Berapaka ukuran teks tersebut...

a)

2em

b)

4em

c)

3em

d)

1em

7.

<h1 style="color: #fff;">TEKS</h1>

Maka warna / color pada teks tersebut adalah...

a)

Putih

b)

RGB

c)

Hitam

d)

CMYK

8.

Untuk memanggil script CSS external atau yang berada di luar menggunakan...

a)

<link rel="stylesheet" href="style.css">

b)

<style>style.css</style>

c)

<link rel="style.css">

d)

<link href="stylesheet">

9.

font-size: 2.5em;

Berapa pixel ukuran teks tersebut...

a)

10px

b)

30px

c)

40px

d)

20px

10.

Pada CSS terdapat margin yang berfungsi untuk...

a)

Mengatur jarak luar

b)

Mengatur jarak luar dan dalam

c)

Mengatur jarak dalam

d)

Mengatur jarak antara luar dan dalam

11.

Pada CSS terdapat padding yang berfungsi untuk...

a)

Mengatur jarak luar

b)

Mengatur jarak luar dan dalam

c)

Mengatur jarak dalam

d)

Mengatur jarak antara luar dan dalam

12.

Pada Web Progamming, berapakah ukuran standard pixel pada media query untuk menentukan responsive pada Mobile Phone....

a)

1266px

b)

1466px

c)

768px

d)

1566px

13.

Pada Web Progamming, berapakah ukuran standard pixel pada media query untuk menentukan responsive pada Desktop....

a)

1366px

b)

1466px

c)

1266px

d)

1066px

14.

Pada Web Progamming, berapakah ukuran standard pixel pada media query untuk menentukan responsive pada Tablet atau Ipad....

a)

1024px

b)

1000px

c)

800px

d)

1124px

15.

Coding untuk membuat table pada HTML dengan menggabungkan kolom sebanyak 3 dan baris sebanyak 10

a)

colspan="3"

rowspan="10

b)

colspan="3"

rowspan="10"

c)

colspan="10"

rowspan="3"

d)

colspan="3

rowspan="10"

16.

Website adalah

a)

kumpulan informasi/kumpulan page yang biasa diakses lewat jalur internet

b)

kumpulan informasi/kumpulan page yang biasa diakses lewat LAN

c)

Pages diakses dan dibaca lewat media sosial

d)

Website-website yang ada berada di dalam World Wide Web(WWW) Internet

17.

Siapa orang berjasa dibalik website yang kini sering kita kunjungi?

a)

Thomas Alva Edison

b)

Sir Tim Berners-Lee

c)

Alan Turing

d)

Charles Babbage,

18.

Teknologi dasar hingga kini menjadi dasar web, yang juga muncul pada bagian-bagian browser web Anda adalah

a)

HTML

URI

HTTP

b)

HTTPS

HTTP

HTML

c)

URL

PHP

HTML

d)

HTTP

HTML

URL

19.

Bahasa pemrograman web yang paling dasar dalam pembuatan website adalah

a)

Phyton, C, dan JavaScript

b)

Html, CSS, dan Java

c)

HTML dan CSS.

d)

HTML, Java, dan PHP

20.

Jenis - jenis WEB

a)

WEB Statis

WEB Dinamis

WEB interaktif

b)

WEB Statis

WEB Dinamis

c)

WEB Dinamis

WEB interaktif

d)

WEB Komersil

WEB Interaktif

21.

Fungsi dan Manfaat Web

a)

media informasi, media komunikasi, media promosi, media transaksi.

b)

media informasi, media komunikasi, medi promosi.

c)

media komunikasi, media promosi, media transaksi.

d)

media promosi, media transaksi.

22.

Macam - macam teknologi Website yang benar adalah

a)

Html

CSS

JavaScript

PHP

b)

Html

Url

Https

c)

Html

WWW

CSS

d)

Mysql

HTML

URI

23.

Kepanjangan WWW adalah...

a)

Wide World Web

b)

World Wide Web

c)

Wega Windy Wolf

d)

Web World Wide

24.

Profesi dalam pengembangan web, kecuali...

a)

Web Developer

b)

Web Programer

c)

Web Designer

d)

Web Browser

25.

Tingkatan Bahasa Pemrograman kecuali

a)

Bahasa tingkat Rendah

Bahasa tingkat Menengah

Bahasa Tingkat Tinggi

b)

Java

C++

Bahasa Indonesia

c)

Bahasa Inggris

VB

Phyton

d)

Html

url

http

26.

Dibawah ini yang merupakan struktur dasar dari HTML adalah...

a)

<html>, <title>, <head>

b)

tag, elemen, atribut

c)

<html>, <head>, <body>

d)

<head>, <body>, <img>

27.

Kepanjangan dari HTML adalah...

a)

Hypertext Markup Language

b)

Hyper Tool Markup Language

c)

Hyper Link Markup Language

d)

Hypertest Markup Language

28.

Komponen dalam dokumen HTML yang dibentuk dari tag pembuka, isi, dan tag penutup adalah...

a)

Atribut

b)

Elemen

c)

Tag

d)

Tabel

29.

Tag yang digunakan untuk menampilkan gambar dalam HTML adalah tag...

a)

<jpg>

b)

<jpeg>

c)

<pict>

d)

<img>

30.

Perhatikan sintaks HTML berikut:

<h1 align = "……">HMIF Mengajar 2020</h1>

Agar kalimat yang ditunjukkan di halaman web rata di sebelah kanan, attribut “align” harus diisi dengan

a)

Center

b)

Left

c)

Right

d)

Bold

31.

Bahasa Pemrograman yang biasa digunakan untuk membuat halaman web adalah pengertian dari...

a)

Web

b)

WWW

c)

HTML

d)

Program

32.

Tag yang digunakan untuk membuat baris baru adalah tag...

a)

<br>

b)

<hr>

c)

<h4>

d)

<tr>

33.

Untuk menjalankan file HTML, software/aplikasi yang kita membutuhkan yaitu...

a)

Video Editor

b)

Text Editor

c)

Microsoft Office

d)

Web broswer

34.

Suatu kata khusus yang terletak di dalam tag pembuka pada dokumen HTML yaitu...

a)

Body

b)

Tag

c)

Atribut

d)

Elemen

35.

Ketika Ahmad sudah selesai membuat file HTML, hal terakhir yang harus dilakukannya adalah menyimpan (save) file yang sudah dia buat. Apa nama yang tepat untuk file HTML yang telah dibuat oleh Ahmad?

a)

AhmadJago-html.docx

b)

AdaFotokuLoh.css

c)

AhmadPunya.html

d)

AhmadUwu.py

36.

Apa kepanjangan dari CSS?

a)

Cascading Style Sheet

b)

Case cading Style Sheet

c)

Cascading Style Shift

d)

Case cading Style Shift

37.

Apa tujuan dari penggunaan CSS?

a)

CSS dapat memformat konten dokumen (ditulis dalam HTML atau bahasa markup lainnya)

b)

Meningkatkan tampilan halaman web

c)

Meningkatkan halaman web menjadi lebih interaktif

d)

benar semua

38.

Kita dapat menggabungkan CSS dalam HTML dengan cara berikut, kecuali...

a)

Menggunakan inline styles

b)

Menggunakan internal styles

c)

Menggunakan external stylesheets

d)

Menggunakan import command

e)

Benar semua

39.

<html>

<p style="color: lime">Packt Publishing</p>

</html>

Penggalan code diatas adalah contoh penggunaan css dengan ...

a)

inline styles

b)

internal styles

c)

external stylesheets

d)

import command

40.

<style type="text/css">

p{ color: red;}

</style>

Penggalan code diatas adalah contoh penggunaan css dengan ...

a)

inline styles

b)

internal styles

c)

external stylesheets

d)

import command

41.

<link rel="stylesheet" href="yourcssfile.css">

Penggalan code diatas adalah contoh penggunaan css dengan ...

a)

inline styles

b)

internal styles

c)

external stylesheets

d)

import command

42.

<style type="text/css"> @import url(change.css); </style>

Penggalan code diatas adalah contoh penggunaan css dengan ...

a)

inline styles

b)

internal styles

c)

external stylesheets

d)

import command

43.

Struktur dasar penulisan CSS

a)

selector {

property:value;

}

b)

selector {

value:property;

}

c)

property {

selector:value;

}

d)

value {

property:selector;

}

44.

Contoh dari id selector

a)

.packt {color: navy;}

b)

#pubman {color: red;}

c)

p, div {color: navy;}

d)

#packt p {color: orangered;}

45.

Contoh dari class selector

a)

.packt {color: navy;}

b)

#pubman {color: red;}

c)

p, div {color: navy;}

d)

#packt p {color: orangered;}

46.

Contoh dari nesting selector

a)

.packt {color: navy;}

b)

#pubman {color: red;}

c)

p, div {color: navy;}

d)

#packt p {color: orangered;}

47.

Contoh atribut CSS untuk nama huruf

a)

font-family: 'Times New Roman', Times, serif;

b)

font-style: normal;

c)

color: lime;

d)

font-size: 1.5em;

48.

Contoh atribut CSS untuk warna huruf

a)

font-family: 'Times New Roman', Times, serif;

b)

font-style: normal;

c)

color: lime;

d)

font-size: 1.5em;

49.

a:link {color: blue;}

dari penggalan code di atas, yang merupakan pseudo class adalah

a)

a

b)

link

c)

color

d)

blue

50.

Atribut CSS untuk menentukan jenis border

a)

border-style: dotted;

b)

border-color: lime;

c)

border-radius: 25px;

d)

border-width: 2px;

51.

Atribut CSS untuk menentukan tebal border

a)

border-style: dotted;

b)

border-color: lime;

c)

border-radius: 25px;

d)

border-width: 2px;

52.

Atribut CSS untuk menentukan lengkung sudut border

a)

border-style: dotted;

b)

border-color: lime;

c)

border-radius: 25px;

d)

border-width: 2px;

53.

Atribut CSS untuk menentukan warna border

a)

border-style: dotted;

b)

border-color: lime;

c)

border-radius: 25px;

d)

border-width: 2px;

54.

Jarak dari border ke luar elemen

a)

margin

b)

padding

c)

radius

d)

space

55.

Jarak dari border ke dalam element

a)

margin

b)

padding

c)

radius

d)

space

56.

Atribut CSS yang dapat digunakan untuk menggunakan lebar jendela sebagai ukuran lebar element

a)

display: none;

b)

display: inline;

c)

display: block;