wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

html css Javascript

Total questions: 70

Worksheet time: 1hrs 15mins

Name
Class
Date
1.

Perangkat lunak yang digunakan untuk mengakses World Wide Web dari internet adalah...

a)

Web Browser

b)

Web Server

c)

Web Responsive

d)

Web Administrator

2.

Alamat yang digunakan untuk menemukan sebuah file atau informasi ialah...

a)

Website

b)

Uniform Resource Locators

c)

Server

d)

Internet Protocol

3.

Setiap perangkat komputer yang terhubung ke internet pasti memiliki sebuah alamat yang unik. Alamat tersebut biasanya dikenal dengan sebutan...

a)

Server

b)

IP Address

c)

Client

d)

URL

4.

Seseorang yang memiliki tugas untuk mendesain tampilan sebuah web ialah...

a)

Web Master

b)

Web Developer

c)

Web Programmer

d)

Web Designer

5.

Web yang memiliki interaksi antar pengguna (pengguna dengan admin atau pun pengguna dengan pengguna lainnya) disebut...

a)

Web Interaktif

b)

Web Statis

c)

Web Responsive

d)

Web Dinamis

6.

Perhatikan jenis perangkat berikut.

(1) Adobe XD

(2) Microsoft Edge

(3) Mozilla Firefox

(4) Inkscape

(5) Google Chrome

Beberapa jenis perangkat di atas yang merupakan web browser ditunjukkan pada nomor...

a)

(1), (2), dan (3)

b)

(1), (3), dan (5)

c)

(2), (3), dan (4)

d)

(2), (3), dan (5)

7.

Berikut ini yang bukan merupakan contoh text editor ialah...

a)

b)

c)

d)

8.

Logo di samping merupakan software open source yang berbasis...

a)

Web Browser

b)

Web Application

c)

Web Server

d)

Web Administrator

9.

Client side scripting merupakan jenis script yang pengolahannya dilakukan di sisi client/ pengguna. Berikut ini yang bukan Client side scripting ialah...

a)

HyperText Markup Language (HTML)

b)

JavaScript

c)

Cascading Style Sheets (CSS)

d)

Hypertext Preprocessor (PHP)

10.

Server side scripting adalah jenis script yang pengolahan datanya dilakukan oleh komputer server/penyedia sehingga kode program tidak terlihat oleh client/ pengguna. Berikut yang bukan server side scripting ialah...

a)

Active Server Pages (ASP)

b)

Hypertext Preprocessor (PHP)

c)

Extensible Markup Language (XML)

d)

Java Server Pages (JSP)

11.

HTML merupakan singkatan dari...

a)

Hyper Link Markup Language

b)

Hyper Text Markup Language

c)

Hyper Test Markup Language

d)

Hyper Link Markup Language

12.

Manakah yang bukan merupakan struktur dasar dari HTML?

a)

Tag

b)

Elemen

c)

If Else

d)

Atribut

13.

Tiga Struktur dasar dari Tag HTML yaitu…

a)

html – title – table

b)

html – head – title

c)

title – head – body

d)

html – head– body

14.

Tag yang berfungsi untuk mengganti baris pada kode program HTML adalah...

a)

<br>

b)

<li>

c)

<tr>

d)

<td>

15.

Dalam HTML tag <p> digunakan untuk...

a)

Membuat footer

b)

Membuat paragraf

c)

Membuat komentar

d)

Membuat header

16.

Kode program di bawah ini berfungsi untuk

<img src="./logo-smksg.png" width="100" height="100">

a)

Menampilkan gambar

b)

Menampilkan audio

c)

Menampilkan video

d)

Menuju ke suatu link

17.

Di bawah ini yang bukan termasuk tag untuk membuat heading adalah......

a)

<h1>

b)

<h6>

c)

<b>

d)

<h4>

18.

Struktur dasar membuat tabel pada HTML...

a)

<table>

<tr>

<td> </td>

</tr>

</table>

b)

<table>

<tr>

</tr> <td>

</table>

</td>

c)

<td>

<table>

<tr> </tr>

</table>

</td>

d)

<table>

<tr>

</table>

<td> </td>

</tr>

19.

<h1 align=”justify”>Hi XI RPL 1!!</h1>

Perhatikan kode program elemen HTML di atas, mana yang termasuk atribut HTML?

a)

<h1>

b)

align="justify"

c)

Hi XI RPL 1!!

d)

</h1>

20.

Menampilkan daftar secara terurut merupakan ciri dari ...

a)

Unordered lists

b)

Ordered lists

c)

Uniordered lists

d)

Description lists

21.

Tag pada HTML yang dapat diisikan lebih banyak teks di dalamnya ialah tag...

a)

<input>

b)

<textarea>

c)

<label>

d)

<select>

22.

Tag pada HTML yang digunakan sebagai judul dokumen pada halaman web ialah tag...

a)

<title> ... </title>

b)

<html> ... </html>

c)

<body> ... </body>

d)

<head> ... </head>

23.

Tag pada HTML yang biasanya digunakan untuk membuat judul artikel ialah tag...

a)

<head> ... </head>

b)

<body> ... </body>

c)

<title> ... </title>

d)

<h1> ... </h1>

24.

Tag yang digunakan untuk membuat komentar pada kode program HTML ialah tag...

a)

<!-- ... -->

b)

<del> ... </del>

c)

<pre> ... </pre>

d)

<blockquote> ... </blockquote>

25.

Atribut href yang terdapat pada tag untuk pembuatan sebuah link memiliki sebuah fungsi yaitu...

a)

mendefinisikan sebuah halaman

b)

membuat halaman baru pada sebuah web

c)

Berisi suatu alamat yang akan dituju

d)

membuat sebuah link baru

26.

Perhatikan kode program styling berikut.

div {

color: fushia;

}

.card {

font-family: 'Montserrat', serif;

}

Pada kode program di atas yang termasuk selector ialah...

a)

font-family & color

b)

fushia & 'Montserrat', serif

c)

.card & font-family

d)

div & .card

27.

Bagian selector pada CSS mempunyai definisi...

a)

Bagian untuk menghubungkan kode CSS dengan tag HTML yang sesuai

b)

Bagian yang digunakan untuk mengubah style pada HTML

c)

Bagian yang digunakan untuk mendeklarasikan CSS

d)

Bagian yang digunakan untuk mengubah nilai CSS

28.

Perhatikan cara penulisan CSS berikut

(1) External Style Sheet

(2) Inline Style Sheet

(3) Outline Style Sheet

(4) Internal Style Sheet

(5) Offline Style Sheet

Dari data di atas yang termasuk dalam cara penulisan CSS ditunjukkan oleh nomor...

a)

(1), (2), dan (3)

b)

(2), (3), dan (4)

c)

(1), (2), dan (4)

d)

(2), (4), dan (5)

29.

Penulisan selector sendiri memiliki beberapa aturan. Penulisan selector yang salah ditunjukkan pada...

a)

(href) {

fonts-size: 30px;

}

b)

* {

margin: 0;

padding: 0;

}

c)

.card-profile {

color: blue;

}

d)

#content {

background-color: aqua;

}

30.

Kode program di samping menerapkan cara penulisan CSS...

a)

Inline Style Sheet

b)

External Style Sheet

c)

Internal Style Sheet

d)

Outline Style Sheet

31.

Kode program di samping menerapkan cara penulisan CSS...

a)

Internal Style Sheet

b)

Inline Style Sheet

c)

Outline Style Sheet

d)

External Style Sheet

32.

<p style="text-transform: lowercase;"> ... </p>

Kode program di atas menerapkan cara penulisan CSS...

a)

External Style Sheet

b)

Internal Style Sheet

c)

Inline Style Sheet

d)

Outline Style Sheet

33.

Property yang berguna untuk membuat baris awal paragraf menjorok ke dalam ialah...

a)

line-height

b)

text-decoration

c)

text-align

d)

text-indent

34.

Property yang digunakan untuk mengatur jarak antar baris ialah...

a)

line-height

b)

font-variant

c)

text-transform

d)

font-weight

35.

Property yang berfungsi untuk menentukan jenis font yang akan digunakan pada halaman web ialah...

a)

font-size

b)

font-family

c)

font-style

d)

font-variant

36.

p {

text-decoration: line-through;

}

Hasil dari kode program CSS di atas ialah

a)

b)

c)

d)

37.

Gambar di samping merupakan hasil dari kode program...

a)

p {

  letter-spacing: 5px;

}

b)

p {

  line-height: 30px;

}

c)

p {

  word-spacing: 10px;

}

d)

p {

  text-indent: 30px;

}

38.

Gambar di samping merupakan hasil dari kode program...

a)

p {

text-align: right;

}

b)

p {

text-align: left;

}

c)

p {

text-align: center;

}

d)

p {

text-align: justify;

}

39.

Property pada CSS Box Model yang berfungsi untuk mengatur jarak antara content dengan border ialah...

a)

Content

b)

Margin

c)

Padding

d)

Border

40.

Property pada CSS Box Model yang berfungsi untuk mengatur jarak di luar elemen/border maupun mengatur jarak setiap elemen ialah...

a)

Margin

b)

Content

c)

Border

d)

Padding

41.

<p> merupakan penulisan pada html..

a)

Tanda baca tag

b)

Tag paragraf penutup

c)

Tanda baca penutup Tag

d)

Tag paragraf

42.

</p> merupakan penulisan pada html...

a)

Tanda baca

tag

b)

Tag paragraf penutup

c)

Tanda baca penutup tag

d)

Tag paragraf

43.

Berikut penulisan tag h1 yang benar adalah?

a)

<h1>Hello</h1>

b)

<h1>"Hello

c)

{h1}Hello{/h1}

d)

<h1>Hello<h1>

44.

Apa yang harus dimulai dengan pembutan halaman web HTML?

a)

<b>

b)

<li>

c)

<html>

d)

<start>

45.

Berikut ini manakah yang merupakan Heading terbesar?

a)

H2

b)

H3

c)

H4

d)

H6

46.

<body> merupakan fungsi penulisan

a)

Body tag

b)

Paragraph tag

c)

Penutup tag body

d)

Header tag

47.

</body> merupakan fungsi penulisan

a)

Body tag

b)

Paragraph tag

c)

Penutup tag body

d)

Header tag

48.

Apakah tag <ul> ada di halaman HTML atau halaman CSS?

a)

HTML

b)

CSS

49.

Apakah kode berikut ada di halaman HTML atau halaman CSS?

<style> body {

background: brown;

} </style>

a)

HTML

b)

CSS

50.

Berikut ini manakah cara mengatur warna kata dalam sebuah paragraf

a)

h1 {

color: pink;

}

b)

img {

color: pink;

}

c)

body {

color: pink;

}

d)

p {

color: pink;

}

51.

Cara mengatur warna diborder

a)

border-style

b)

border-width

c)

border-color

d)

width

52.

BENAR ATAU SALAH: CSS digunakan untuk menata halaman web

a)

True

b)

False

53.

Simbol apa yang digunakan dalam penulisan properti CSS?

a)

< >

b)

[ ]

c)

{ }

d)

( )

54.

Simbol apa yang digunakan dalam penulisan properti

HTML tag?

a)

< >

b)

[ ]

c)

{ }

d)

( )

55.

Manakah yang menghasilkan penulisan header paling kecil

a)

h1

b)

h2

c)

h4

d)

h6

56.

Berikut ini yang bukan merupakan tipe data pada Javascript adalah...

a)

List

b)

Numerik

c)

String

d)

Boolean

57.

Cara penulisan komentar pada Javascript untuk baris tunggal adalah...

a)

/* ini komentar */

b)

<!–ini komentar–>

c)

//ini komentar

d)

/ ini komentar/

58.

Dari kode diatas jika dicetak maka keterangan yang akan muncul adalah

a)

Selamat Kamu DITERIMA di Sekolah SMK MUHAMMADIYAH 1 PEMALANG

b)

Maaf Kamu TIDAK DITERIMA di Sekolah SMK MUHAMMADIYAH 1 PEMALANG

c)

Case A

d)

Case B

59.

<script>

var a = 5;

var b = 30;

var c = a * b;

</script>

Berapakah nilai dari variabel c

a)

30

b)

150

c)

5

d)

15

60.

Perhatikan kode berikut ini, tentukan output dari kode tersebut

a)

Belum cukup umur

b)

Remaja

c)

Dewasa

d)

Lansia

61.

Kepanjangan CSS adalah...

a)

Cascading Style Sheet

b)

Coding Style Sheet

c)

Caseflow Style Sheet

d)

Coding Sheet Style

62.

CSS merupakan suatu dokumen website yang bertujuan untuk...

a)

Mengatur bahasa pemrograman

b)

Mengatur gaya tampilan pada website

c)

Mengatur cahaya tampilan web

d)

Menggabungkan antara bagian presentasi dan isi web yang dibuat

63.

Apa yang dimaksud dengan HTML?

a)

Hyper Text Markup Language

b)

Hypertext Module Language

c)

Hypertext Model Language

d)

Hyper Text Model Language

64.

Apa yang dimaksud dengan tag <a> pada HTML?

a)

Tag yang digunakan untuk menampilkan gambar pada halaman web

b)

Tag yang digunakan untuk membuat link pada halaman web

c)

Tag yang digunakan untuk membuat tabel pada halaman web

d)

Tag yang digunakan untuk membuat form pada halaman web

65.

Style teks untuk menampilkan tulisan bergaris bawah

a)

<b></b>

b)

<strike></strike>

c)

<u></u>

d)

<i></i>

66.

var satu = 1;

var dua = 2;

var tiga = satu + dua;

document.write(tiga);

// hasil dari document.write(tiga) adalah

a)

error

b)

12

c)

3

d)

undefined

67.

Berikut adalah cara pembuatan array yang benar di javascript 

a)

siswa= [‘Rini’,’Aldi’,’Acep’,’Putra’]

b)

siswa= {‘Rini’,’Aldi’,’Acep’,’Putra’} 

c)

siswa= (‘Rini’,’Aldi’,’Acep’,’Putra’)

d)

siswa= ‘Rini’,’Aldi’,’Acep’,’Putra’

68.

Hasil dari output dibawah ini adalah

<script type="text/javascript">

a = 5 + "9";

document.write(a);

</script>

a)

Compilation Error

b)

14

c)

Runtime Error

d)

59

69.

Membuat text tebal pada HTML yaitu menggunakan…

a)

<b>

b)

<p>

c)

<i>

d)

<br>

70.

Perintah untuk mengganti baris pada HTML adalah...

a)

<br>

b)

<tr>

c)

<td>

d)

<li>

Similar Resources on Wayground

thông tin đa phương tiện

70 questions

thông tin đa phương tiện

quiz

Worksheet

•

1st Grade

68 сур

68 questions

68 сур

quiz

Worksheet

•

1st Grade

Ôn Tập Tin Học 11

65 questions

Ôn Tập Tin Học 11

quiz

Worksheet

•

1st Grade

DBI

74 questions

DBI

quiz

Worksheet

•

1st - 5th Grade

Digital Technology Year 2/3 2023

73 questions

Digital Technology Year 2/3 2023

quiz

Worksheet

•

1st - 3rd Grade

Database Essentials

75 questions

Database Essentials

quiz

Worksheet

•

KG - University

Módulos 4 – 7: Examen de conceptos Ethernet

66 questions

Módulos 4 – 7: Examen de conceptos Ethernet

quiz

Worksheet

•

1st - 5th Grade

simulasi 2

75 questions

simulasi 2

quiz

Worksheet

•

1st - 12th Grade