Midterm Answer

Page 1 of 9
Mid Semester Examination I 2011/2012 Web Programming

SECTION A: MULTIPLE-CHOICE (18 QUESTIONS, 18 MARKS)
Instruction: Please select the BEST answer from the given choices.

1. All the following are browsers, EXCEPT:
(a) Internet Explorer
(b) Mozilla
(c) WAMP
(d) Google Chrome

2. Which one of the following statements is TRUE?
(a) Suitable domain for Malaysia Ministry of Finance web site is com.
(b) http://www.mydomain is an example of correctly formulated URL.
(c) Suitable domain for Association of the Computer and Multimedia Industry
Malaysia (PIKOM) web site is org.
(d) Links make the page load slower.

3. What kind of graphic should be inserted in web page?
I. Small or medium sized of graphic files that do not take too much time
to load.
II. Meaningless or useless graphics.
III. Graphics that in BMP format.
IV. Graphics with no alt labels
(a) I, II and III
(b) I and II only
(c) I, II and IV
(d) I only

4. Which of the following is the attribute?
(a) form
(b) table
(c) width
(d) img

Page 2 of 9

5. Which of the following is the TRUE statement concerning internal hyperlinks?
(a) To create an internal link in a Web page, the value of the href attribute includes the
named anchor preceded by a * (asterisk) symbol.
(b) The "internal" refers to the internal contents of a table.
(c) Internally-linked location names can be assigned to any point in an XHTML
file.
(d) href = "page.html&name" is the proper format used to link to an internal location of
another page

6. Given:
<body bgcolor=bbbbb text=cccccc link=dddddd vlink=eeeeee
alink=ffffff background=gggggg>
Which of the following is a CORRECT match between the attribute and its usage?
I. bgcolor Sets the Background colour for the page
II. text Sets the colour of the ordinary text
III. link Sets the colours of links
IV. vlink Sets the colour for visited links
V. alink Sets the colour for active links
(a) I, II and III only
(b) III, IV and V only
(c) I and II only
(d) All of the above

7. What is the correct XHTML for a horizontal line?
(a) <hr />
(b) <hr>
(c) <horizontol line>
(d) <hl />

Page 3 of 9

8. What property is used to set margins around elements?
(a) Margin
(b) Padding
(c) Border
(d) Spacing

9. The CSS ________ property is used to layer elements in front or behind each other.
a) a-index
b) y-index
c) x-index
d) z-index

10. What is the correct HTML for referring to an external style sheet?
a) <link style src="mystyle.css">
b) < link href="mystyle.css" style="external">
c) <link rel="stylesheet" type="text/css" href="mystyle.css">
d) <link rel="external style sheet" href="mystyle.css">

11. Given:

<html>
<head>
<style type="text/css">
ul.a {list-style-type:circle;}
</style>
</head>
<body>
<ul class="a">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body>
</html>

Figure 1
Choose the correct codes that convert CSS codes shown in Figure 1 from Internal Style
Sheet to Inline Style Sheet.

Page 4 of 9

(a) <html><body>
<ul style="list-style-type:circle">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body></html>

(b) <html>
<head><ul style="list-style-type:circle"></head>
<body>
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body></html>

(c) <html><body>
<ul style type="list-style-type:circle">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body></html>

(d) <html>
<head></head>
<body>
ul.a {list-style-type:circle;}
</style>
<ul class="a">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
</body></html>

12. Figure 2 shows a table of some of the more common units and the abbreviations used to
represent them.
Units Abbreviation
I. pixels px
II. points pt
III. pica pc
IV. inches in
V. meter m
Page 5 of 9

VI. centimeters cm
VII. percentage %
Figure 2
Which one of the above is NOT the unit used in web page development?
(a) I only
(b) III only
(c) VII only
(d) V only

13. ___________ allows users to control the look of the web pages that they visit.
(a) Inline Style Sheet
(b) Internal Style Sheet
(c) Developer Style Sheet
(d) User Style Sheet

Refer to Figure 3 to answer Question 14 15

1 <html><head>
2 <meta name="keywords" content = "novel, Spanish literature" />
3 </head>
4 <body>
5 Hello <br> Bye bye
6 </body></html>

Figure 3
14. What is content in line 2?
(a) Element
(b) Attribute
(c) Value
(d) Variable

15. What should you do to make line 5 as XHTML code?
(a) Replace <br> with <BR>
(b) Add ; (semicolon) after Bye bye
(c) Replace Bye bye to Byebye
(d) Replace <br> with <br/>
Page 6 of 9

Refer to Figure 4 to answer Question 16 17

1 <html>
2 Welcome Page
3 <body>
4 Welcome to My Website
5 </body>
6 </html>

Figure 4
16. How to fix the errors of codes shown in Figure 4?
(a) Remove <body> tag in line 3 and write it in line 1, before Welcome Page text.
(b) Remove <body> tag from the whole document.
(c) Change <body> tag to <BODY> tag.
(d) Insert semi colon (;) at the end of line 2.

17. How to bold Welcome to My Website text (in line 4)?
(a) Insert <b><\b> between Welcome to My Website.
(b) Insert <bold><\bold> between Welcome to My Website.
(c) Insert <BB><\BB> between Welcome to My Website.
(d) Insert <em><\em> between Welcome to My Website.

18. Which XHTML codes create a link to a mail message?
(a) <html>
<body>
This is an email link:
<a href="mailto:someone@example.com">Send Mail</a>
</body>
</html>

(b) <html>
<body>
<a href="e-mail to:someone@example.com">Send Mail</a>
</body>
</html>

(c) <html>
<body>
<a href="someone@example.com">Send Mail</a>
</body>
</html>

Page 7 of 9

(d) <html>
<body>
<a href="mailto\someone@example.com">Send Mail</a>
</body>
</html>

SECTION B: SHORT ANSWER QUESTIONS (2 QUESTIONS, 24 MARKS)
Instruction: Answer ALL questions.

Question 1
Figure 5 shows an XHTML page that applies internal style sheet. Figure 6 presents the User
Style Sheet.

<html><head>
.large {font-style: italic;}
.largefont {font-style: italic;}
p { color: red; }
strong { font-size:26px; }
</style>
</head> <body>
<div class="large"> This is a DIV sample. </div>
Span is not at the <span class="largefont">block level</span>.
<p>This is an example <strong>showing HTML inheritance.
</strong></p>
</body></html>

Figure 5

p { color: green; }

Figure 6
(a) Sketch the expected output of codes shown in Figure 5. At this stage, the User Style
Sheet (Figure 6) is not applied.
[8 marks]

Page 8 of 9

This is a DIV sample- italic 2 marks
block level- italic- 2 marks
This is an example..- red 2 marks
..showing HTML inheritance big size text- 2 marks

(b) If User Style Sheet shown is Figure 6 is applied, are there any changes to the output
produced in Question 1(a)? If no, provide the reason. If there are changes to the output,
sketch to show how it looks like.
[3 marks]
Answer: No changes. Reason: Conclict happen. Style defined by developer win.

Question 2

Given:

1 <html><head>
2 <style type= "text/css">
3 h2{color:blue};
4 body h2{color:red};
5 ul{list-style-type: lower-roman};
6 </style>
7 </head>
8 <body>
9 <h2> If a job worth doing, it's worth doing it right </h2>
10 <ul style= "list-style-type: upper-roman"; >
11 <li> One </li>
12 <li> Two </li>
13 </ul>
14 </body></html>

Figure 7
(a) Conflicts occur in codes shown in Figure 7. Sketch the expected output to show how
the conflicts are resolved.
[6 marks]

(b) What type of CSS is shown in line 10?
[2 marks]

Page 9 of 9

(c) Rewrite the codes shown in Figure 7 to apply External Style Sheet.
[5 marks]
ANSWERS
(a)

If a job worth doing, it's worth doing it right 1 MARK
Size like H2 and red color 3 MARKS
Roman numbering 2 MARKS

(b) What type of CSS is shown in line 10?
Inline style sheet 2 MARKS
[2 marks]

(c) Rewrite the codes shown in Figure 6 to apply External Style Sheet.
[5 marks]

<html><head>
<link rel="stylesheet" type="text/css" href="theme.css" /> 3 MARKS
</head>
<body>
<h2> If a job worth doing, it's worth doing it right </h2>
<ul style= "list-style-type: upper-roman"; >
<li> One </li>
<li> Two </li>
</ul>
</body></html>

2 MARKS

h2{color:blue};
body h2{color:red};
ul{list-style-type: lower-roman};

-- End of Questions --

Midterm Answer

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Midterm Answer

Uploaded by

Copyright:

Available Formats

Page 1 of 9

Mid Semester Examination I 2011/2012 Web Programming

You might also like