wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

kisi kisi pplg - XI

Total questions: 72

Worksheet time: 36mins

Name
Class
Date
1.

div hanya di dalam tag body

a)

benar

b)

salah

2.

HTML singkatan dari Hiper Task Markup Language

a)

benar

b)

salah

3.

css tidak keluar di halaman web padahal sudah buat css nya

a)

karena tidak ada link <link rel="stylesheet"

b)

karena tidak ada file css

4.

untuk mengatur posisi tulisan di dalam kotak pakai margin

a)

benar

b)

salah

5.

background-image: image/naruto.png;

a)

benar

b)

salah

6.

background size untuk mengatur tinggi gambar jpg saja

a)

benar

b)

salah

7.

<h1> untuk judul artikel bukan judul web

a)

benar

b)

salah

8.

<br> untuk membuat baris baru bukan paragraf baru

a)

benar

b)

salah

9.

.kotak1{} adalah nama class bukan nama css

a)

benar

b)

salah

10.

width : auto

a)

benar

b)

salah

11.

Kepanjangan dari CSS adalah...

a)

Coloring Style Sheet

b)

Customising Style Sheet

c)

Cascading Style Sheets

d)

Customising Simple Style

12.

Pada CSS, untuk mengatur jenis tulisan menggunakan property…

a)

Font-number

b)

Font-family

c)

Font-size

d)

Font-style

13.

Untuk mengubah tulisan menjadi seperti gambar, maka perintah margin yang mungkin adalah…

a)

margin-top: 100px;

b)

margin-left: 80px;

c)

margin-left: right;

d)

margin-bottom: 80px;

14.

Berikut ini merupakan jenis CSS, kecuali…

a)

Middle CSS

b)

Eksternal CSS

c)

Inline CSS

d)

Internal CSS

15.

Semua elemen yang ada pada <p> nantinya akan menjadi:

a)

Warna : tengah, orientasi: kuning

b)

Warna: merah, Orientasi: kanan

c)

Warna: Biru, Orientasi: kanan

d)

Warna: Biru, Orientasi: tengah

16.

Untuk mendapatkan warna tulisan seperti pada gambar, maka kode pada pada CSS yang harus ditulis adalah...

a)

color: blue;

b)

font-color: blue;

c)

border-color: blue;

d)

color-adjust: blue;

17.

Pada potongan kode tersebut, p dan h1 merupakan…

a)

value

b)

selector

c)

property

d)

huruf

18.

Potongan kode diatas bertujuan untuk memodifikasi...

a)

Warna background

b)

Tulisan pada background

c)

Posisi gambar pada background

d)

Gambar background

19.

Kode diatas merupakan cara pengambilan warna dengan menggunakan...

a)

Nilai warna yang solid

b)

Nilai HEX

c)

Nilai RGB

d)

Nilai rumit

20.

Properti yang digunakan untuk mengubah warna latar belakang?

a)

background:url(“file.extension”)

b)

bgcolor:

c)

background-color:

d)

background-color-style:

21.

fungsi style="color: blue" adalah?

a)

mengubah background menjadi warna biru

b)

mengubah warna font menjadi warna biru

c)

mengubah perasaan dia menjadi ga cuek ke aku :)

d)

mengubah ukuran font

22.

Penulisan css selektor yang benar untuk element dengan id="menu" adalah?

a)

.menu

b)

#menu

c)

*menu

d)

menu

23.

Perhatikan script CSS dibawah ini:

p {color:red;}

Yang disebut property adalah...

a)

p

b)

color

c)

red

d)

color:red

24.

Perhatikan script CSS dibawah ini:

p {color:red;}

Yang disebut value adalah...

a)

p

b)

color

c)

red

d)

color:red

25.

Kode HTML yang benar untuk merujuk ke css eksternal adalah.....

a)

<stylesheet> styleku.css</stylesheet>

b)

<style src="styleku.css">

c)

<link rel="styleseet" type"text/css" href="styleku.css">

d)

<link rel="css">css</>

e)

<style src="style.css"></style>

26.

Dimanakah dalam dokumen html tempat untuk meletakkan rujukan ke css eksternal ....

a)

Dalam tag <body>

b)

Dalam tag <Head>

c)

Pada akhir dokumen

d)

Dalam HTML

e)

Bebas dimana saja

27.

Tag HTML yanng digunakan untuk mendefinisikan css internal adalah....

a)

<style>

b)

<script>

c)

<css>

d)

<embed>

e)

<map>

28.

Attribut HTML yang digunakan untuk mendefinisikan CSS inline adalah ....

a)

styles

b)

font

c)

class

d)

style

e)

id

29.

Sintaks CSS yang benar dibawah ini adalah ....

a)

h3 {black : color;}

b)

h3 [color : black;}

c)

h3 {color: black}

d)

h3 {color: black;{

e)

h3 {color : black;}

30.

Properti CSS untuk mengatur dekorasi teks adalah ....

a)

text-transform

b)

text-decoration

c)

decoration

d)

text-indent

e)

text-dekorasi

31.

Sintaks CSS yang benar untuk membuat tulisan TEKS DI CORET adalah ....

a)

text-decoration: none;

b)

text-decoration: over-line;

c)

text-decoration: line-through;

d)

text-decoration: underline;

e)

text-decoration: coret;

32.

Properti CSS yang digunakan untuk mengatur jarak antar kata adalah...

a)

text-transform

b)

letter-spacing

c)

border-spacing

d)

text-decoration

e)

word-spacing

33.

Sintaks CSS yang benar untuk membuat semua isi teks pada tag p bergaris bawah ....

a)

text-indent: underline;

b)

text-decoration: underline;

c)

text-decoration: overline;

d)

text-decoration: none;

e)

text-transform: uppercase;

34.

Sintaks CSS yang benar untuk mengatur jarak antar karakter ....

a)

word-spacing: 10px;

b)

letter-spacing: uppercase;

c)

letter-spacing: 10px;

d)

line-height: 10px;

e)

text-transform: 10px;

35.

Sintaks text-transform: capitalize; berfungsi untuk...

a)

Merubah semua teks menjadi huruf kapital

b)

Merubah huruf pertama setiap kata menjadi huruf kapital

c)

merubah semua teks menjadi huruf kecil

d)

membuat garis bawah pada semua teks

e)

membuat garis coret pada semua teks

36.

Untuk membuat teks agak menjorok kedalam dapat menggunakan Sintaks CSS ....

a)

text-transform: -20px;

b)

text-indent: 10px;

c)

text-indent: tab;

d)

text-decoration: 10px;

e)

text-decoration: uppercase;

37.

<p style="color: red"> isi paragraf</p> merupakan sintaks css ...

a)

eksternal css

b)

embedded css

c)

inline css

d)

css gabungan

e)

bukan css

38.

Properti CSS untuk mengubah warna link yang sudah dikunjungi adalah....

a)

a:link

b)

a:visited

c)

a:hover

d)

a:active

e)

visited link

39.

Properti CSS untuk mengubah warna link ketika mouse diarahkan pada link adalah....

a)

a:link

b)

a:visited

c)

a:hover

d)

a:active

e)

visited link

40.

Properti CSS untuk mengubah warna link ketika link klik adalah....

a)

a:link

b)

a:visited

c)

a:hover

d)

a:active

e)

visited link

41.

Berikut ini adalah sintaks CSS yang benar...

a)

div { display: block; }

b)

div [ display= block; ]

c)

div ( display: block; )

d)

div { display= block; }

42.

Untuk membuat garis pada tabel atribut apa yang harus ditambahkan didalam tag <table> ?

a)

border

b)

cellpadding

c)

cellspacing

d)

garis

e)

<thead>

43.

Untuk membuat jarak antara isi/konten dengan baris tabel menggunakan atribut...

a)

cellpadding

b)

cellspacing

c)

border

d)

<tbody>

e)

<thead>

44.

atribut id disimbolkan dengan...

a)

.

b)

#

c)

$

d)

%

e)

@

45.

saat menyimpan file css kita menyimpan file dengan format...

a)

.css

b)

.html

c)

.js

d)

.dart

e)

.php

46.

Kepanjangan dari MVC adalah ...

a)

Model View Control

b)

Model View Controller

c)

Model Viewer Controller

d)

Modele Viewer Controller

47.

Bagian dari MVC yang bertugas untuk memanipulasi data (select, insert, update, delete) adalah ...

a)

Model

b)

View

c)

Controller

d)

CRUD

48.

Contoh penerapan atau pengaplikasian dari MVC yaitu ....

a)

Object Oriented

b)

Plugin

c)

Framework

d)

Website

49.

Bagian dari MVC yang menghubungkan antara data dengan tampilan dari web kita yaitu ...

a)

Model

b)

View

c)

Controller

d)

Route

50.

Laravel merupakan salah satu framework MVC dari ...

a)

CSS

b)

PHP

c)

Java

d)

Js

51.

Perhatikan pernyataan di bawah ini!

Ketika kita akan membuat folder utama dari website bergaya MVC, maka folder tersebut bisa diletakkan di drive mana saja.

a)

Betul

b)

Salah

52.

Perhatikan pernyataan di bawah ini!

Untuk menjalan website PHP bergaya MVC maka kita memerlukan mengakytifkan web server local, misal Apache.

a)

Benar

b)

Salah

53.

Perhatikan pernyataan berikut ini!

Maksud dari $app = new App adalah untuk menginisialisasi kelas App.

a)

Benar

b)

Salah

54.

Nama file yang digunakan untuk teknik bootstraping dalam membangun website bergaya MVC yaitu ...

a)

.htaccess

b)

init.php

c)

App.php

d)

Home.php

55.

Nama file yang memungkinkan kita untuk mengkonfigurasi server apache kita dalam mengelola akses user terhadap website kita yaitu ...

a)

.htaccess

b)

init.php

c)

App.php

d)

Home.php

56.

maksu dari Options -Indexes adalah...

a)

selama di dalam folder itu tidak ada file index, jangan tampilkan isi foldernya

b)

selama di dalam folder itu ada file index, jangan tampilkan isi foldernya

c)

selama di dalam folder itu tidak ada file index, tampilkan isi foldernya

d)

tampilkan semua isi folder baik yang ada index nya ataupun yang tidak ada

57.

perhatikan alamat URL di bawah ini!

localhost/phpmvc/public/user/profile/novi/guru

bagian url yang kelompok params/data adalah ....

a)

public/user

b)

user/profile

c)

profile/novi

d)

novi/guru

58.

Maksud dari kode program di atas adalah ....

a)

method view akan diisi oleh parameter alamat dari view itu, yang berada pada folder home dengan nama file index.

b)

method view() yang akan mengkoneksikan controller dengan view. dan method view() memiliki 2 parameter (view dan data) yang akan dikirim ke view (jika ada)

59.

Kode program di atas digunakan untuk mendeklarasikan ...

a)

URL Web

b)
c)

URL Constant

d)

Route Web

60.

Class yang menangani proses koneksi dan query ke database yang kita bisa terapkan class ini pada berbagai Model dinamakan ....

a)

PHP DATABASE OBJECT

b)

Model

c)

BASE_URL 

d)

Database Wrapper

61.

Sebuah pola arsitektur perangkat lunak yang dibangun untuk memisahkan data yang dipresentasikan dengan metode yang digunakan untuk berinteraksi dengan data disebut dengan...

a)

MVC

b)

Framework

c)

OOP

d)

Model

e)

Controller

62.

Biasanya berhubungan langsung dengan database untuk memanipulasi data (insert, update, delete, search) serta menangani validasi disebut dengan...

a)

Model

b)

View

c)

Controller

d)

Browser

e)

Query

63.

Merupakan representasi visual dari suatu aplikasi serta merupakan bagian dari sistem di mana HTML dihasilkan dan kemudian ditampilkan, disebut dengan...

a)

Model

b)

View

c)

Controller

d)

Browser

e)

Query

64.

Program yang mengatur serta menerima input dan menjalankan beberapa perintah untuk dijalankan di model disebut dengan...

a)

Model

b)

View

c)

Controller

d)

Query

e)

Browser

65.

Framework yang dirilis pertama kali pada 28 Februari 2006. Lebih sederhana karena diperuntukkan untuk web project ukuran kecil-menengah serta lebih banyak digunakan dan dikenal adalah...

a)

Laravel

b)

Yii

c)

CodeIgniter

d)

FuelPHP

e)

CakePHP

66.

Framework yang memiliki tool artisan yang berfungsi agar website yang sedang dikembangkan dapat berinteraksi dengan framework lainnya dengan bantuan command line yaitu...

a)

Laravel

b)

Yii

c)

CodeIgniter

d)

FuelPHP

e)

CakePHP

67.

Folder di dalam framework CI yang merupakan area kerja dari pengembang web karena code-code yang akan dikembangkan akan dituliskan di direktori tersebut adalah...

a)

Application

b)

System

c)

User Guide

d)

Index

e)

Htaccess

68.

Folder di dalam framework CI yang mengandung definisi kelas-kelas inti, helper, dan lain-lain yang sudah dibuat oleh pengembang adalah...

a)

Application

b)

Assets

c)

System

d)

User_Guide

e)

Index

69.

Sebuah kerangka kerja yang digunakan untuk mempermudah para developer software dalam membuat dan mengembangkan aplikasi disebut dengan...

a)

Framework

b)

MVC

c)

Application

d)

Libraries

e)

System

70.

Ada dua jenis Framework dalam dunia pemrograman, yaitu...

a)

Native dan Framework

b)

OOP dan CMS

c)

Desktop Framework dan Web Framework

d)

MVC dan CMS

e)

Application Framework dan System Framework

71.

Berikut ini yang bukan merupakan fungsi framework adalah...

a)

Membantu para developer dalam perencanaan, pembuatan, dan pemeliharaan sebuah aplikasi

b)

Mempercepat proses pembuatan aplikasi, baik itu aplikasi berbasis desktop, mobile, ataupun web

c)

Memudahkan para developer dalam membaca code program dan lebih mudah dalam mencari bugs

d)

Mempermudah developer dalam mendokumentasikan aplikasi-aplikasi yang sedang dibangun

e)

Membantu mengumpulkan data yang dimasukkan (input) oleh pengembang program

72.

Pemrograman web berbasis framework didasarkan pada konsep...

a)

Common Language Runtime

b)

Model View Controller

c)

Web Server

d)

Object Oriented Programming

e)

XSS Filtering