wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Web Programming

Total questions: 20

Worksheet time: 10mins

Name
Class
Date
1.

The function of the link to connect between 1 file with other file in web pages. What is the correct HTML for creating a hyperlink in .html format?

a)

<a url="http://www.w3schools.com">W3Schools.com</a>

b)

<a name="http://www.w3schools.com">W3Schools.com</a>

c)

<a href="http://www.w3schools.com">W3Schools</a>

d)

<href a>http://www.w3schools.com</a>

e)

<a href=http://www.w3schools.com>W3Schools</a>

2.

In css format, we can give a color consisting of a combination of red, green and blue. If we want to give white, then the correct writing (correct declaration) of value rgb in the program code is ..

a)

rgb (0,0,0)

b)

rgb (255;255;255)

c)

rgb (“0”,”0”,”0”)

d)

rgb (255,255,255)

e)

rgb (255,0,255)

3.

Look at the code

a)

p {color : “red”};

b)

.p {color : red};

c)

#p {color : red};

d)

<p> {color : red};

e)

p {color : red};

4.

No. 4

a)

para1 {color : “yellow”};

b)

.para1{color : yellow}

c)

#para1{color : yellow }

d)

#para-1{color : “yellow” }

e)

#para1{color = yellow }

5.

What is the correct code to change the color of element with the class “colortext” to green and change the text to uppercase and also align center?

a)
b)
c)
d)
e)
6.

Each element on HTML has type of displays that can set the layout of a content in a webpage. What kind of display is that supposed to be?

Setiap element pada HTML mempunyai tipe display masing-masing yang dapat mengatur tata letak suatu konten dalam halaman web. Display yang dimaksud adalah...

a)

Internal, inline, external

b)

Padding, margin, border

c)

Text-align, text decoration, text-transform

d)

Inline, block , inline-block

e)

Font-size, font-family, font-weight

7.

No.7

a)

Semua elemen image akan tampil mengambang ke kiri. <image class=”gambar” src=”images/gambar.jpg”/></p>

b)

Pengaturan style di atas tidak akan berlaku pada elemen paragraf tertentu. <p><rel id=”gambar” src=”images/gambar.jpg”/></p>

c)

Elemen gambar yang ada pada file .html akan memiliki ukuran width = 50px dan height = 25px. <p><image class=”gambar” src=”images/gambar.jpg”> gambar </image></p>

d)

Class gambar di dalam semua elemen paragraf akan diatur dengan style di atas. <p><img class=”gambar” src=”images/gambar.jpg”/></p>

e)

Semua elemen image akan tampil mengambang ke kanan. <image class=”gambar” src=”images/gambar.jpg”/></p>

8.

In css it is known the box model concept which states that each HTML block element has a padding, margin, content and border area. The correct sorting of the location for four areas are in an HTML elements are..(Dalam css dikenal konsep box model yang menyatakan bahwa setiap elemen blok HTML memiliki area padding, margin, content dan border. Urutan yang benar dari letak keempat area tersebut dalam suatu elemen HTML adalah)

a)

Margin-padding-border-content

b)

Content-padding-border-margin

c)

Content-Border-margin-padding

d)

Padding-margin-content-border

e)

Border-content-padding-margin

9.

Perhatikan potongan kode program berikut ini

.menu-item

{

color: aqua;

font-size : 20px;

}

Apabila di dalam suatu file yang disimpan dengan nama style.css terdapat kode seperti di atas, maka pernyataan yang benar terkait kode program tersebut adalah...

a)

Hal itu menandakan bahwa selector tersebut adalah sebuah property di dalam file HTML

b)

Hal itu menandakan bahwa selector tersebut terdapat kesalahan penulisan dan tidak dapat digunakan.

c)

Hal itu menandakan bahwa selector tersebut adalah suatu css internal.

d)

Hal itu menandakan bahwa selector tersebut adalah suatu class.

e)

Hal itu menandakan bahwa selector tersebut adalah suatu id.

10.

No 10

a)

Pernyataan benar, alasan benar, dan keduanya menunjukkan hubungan sebab akibat

b)

Pernyataan benar, alasan benar, tetapi keduanya tidak menunjukkan sebab akibat

c)

Pernyataan benar, alasan salah

d)

Pernyataan salah, alasan benar

e)

Pernyataan dan alasan salah

11.

What is the proper way to start writing a webpage?

a)

Start with the <html> tag

b)

Start with the <head> tag

c)

Start with the <footer> tag

d)

Don't use anything at all and just go at it

12.

Choose the correct HTML element for the largest heading:

a)

<head>

b)

<h1>

c)

<heading>

d)

<h6>

13.

What is the correct HTML element for inserting a line break?

a)

<lb>

b)

<br>

c)

<break>

14.

What is the correct HTML for creating a hyperlink?

a)

<a name="http://www.google.com">Google.com</a>

b)

<a>http://www.google.com</a>

c)

<a url="http://www.google.com">Google.com</a>

d)

<a href="http://www.google.com">Google.com</a>

15.

Which of these elements are all <table> elements?

a)

<table><tt><td>

b)

<tbl><tr><td>

c)

<table><tr><td>

d)

<tbl><tt><td>

16.

Which of the following are the correct ways to implement CSS?

a)

Inline

b)

Internal

c)

External

d)

All of the above

17.

What attribute is used to change the text color of a <label>?

a)

background-color

b)

color

c)

col

d)

None of all above

18.

Where in an HTML document is the correct place to refer to an external CSS?

a)

In the <head> section

b)

At the top of the document

c)

At the end of the document

d)

In the <body> section

19.

Which HTML tag is used to define an internal style sheet?

a)

<script>

b)

<css>

c)

<style>

20.

Which is the correct CSS syntax?

a)

body {color: black;}

b)

{body; color: black}

c)

{body:color=black;}

d)

body:color=black;