NAGA CITY SCIENCE HIGH SCHOOL

Balatas, Naga City

FOURTH PERIODICAL EXAMINATION
ICT 7 – WEB DESIGN USING HTML

General Directions:
1. Read and analyze the statements before answering the questions.
2. Erasures in any form are not allowed.
3. Write your answer on the answer sheet.

Test I. MULTIPLE CHOICE. Write the CAPITAL

letter that corresponds to your answer on the
answer sheet.

1. A principle of readability that includes

highlighting links, bolding important text and 7. What is the amount of white space around an
showing quotes. element?
A. Hierarchy A. first-line indent C. margin
B. Consistency B. padding D. text-style
C. Emphasis of Important Elements
D. Organization of Information 8. Which property specifies an image for the
marker rather than a bullet point or number?
2. Which property allows you to change the font? A. list-style-type
A. font-type C. font B. list-style-position
B. font-family D. text-font C. list-style-image
D. list-style
3. Which CSS property is used to change the text
color of an element? 9. Which CSS property sets the width of an
A. fgcolor C. font-color element’s four borders?
B. color D. text-color A. border-style C. border-width
B. border-line D. border
4. What is the default value of the font-size
property?
10. Which property specifies a shorthand property
A. small C. large
B. medium D. inherit for setting the margin properties in one
declaration?
5. There are five generic font family values that can A. margin C. margin-top
be assigned to the font family property. Three of B. margin-bottom D. margin-left
them are listed below. What are the other two
generic font family values? 11. Which tags are used to add rows to your tables?
A. <cr> and </cr> C. <th> and </th>
Serif B. <tr> and </tr> D. <td> and </td>
Sans-Serif
Monospace 12. Which of the following defines the content of
? table cells?
? A. the <th> tag C. the <tr> tag
B. the <td> tag D. the <tablecell> tag
A. Fantasy, Times New Roman
B. Cursive, Tahoma 13. The colspan and rowspan attributes of the <td>
C. Times New Roman, Tahoma and <th> tags specify the number of columns
D. Fantasy, Cursive and rows, respectively, that a certain element
occupies. What is that element?
6. What is the process of offsetting text (either to A. a table cell
the right or to the left) from its usual position? B. a table caption
A. Inserting C. Adjusting C. a table border
B. Indenting D. Formatting D. a table header

ICT 7 – Fourth Periodical Examination

1
14. What table element attribute do you need to
specify to add a border to a table?
A. <table border="0"> Test IV. Identify the Box Model property on the
B. <table border="on">
C. <table border="1">
D. <table border="yes">

15. Which choice correctly describes the relationship

between tables and borders?
A. By default, borders do not appear around
tables.
B. Tables will render only if they are
surrounded by a visible border.
C. By default, borders appear around tables.
D. Tables will render only if they are
surrounded by an invisible border.

Test II. Identify the correct font-family used in the

each text. image below and complete the missing codes that
will display that output.
16.
7 – Jaguar /*external css*/
___(30)___{

17. ___(31)___: 5px;

7 – Leopard ___(32)___: 10px;
___(33)___: 3px ___(34)___ ___(35)___;

18. }/*end of code*/

7 – Lynx
Test V. Draw the output of the following code
fragment:
19.
7 – Puma Code:
<table border=”1”>
<tr>
20. <th>Heading 1<th>
7 – Tiger <th>Heading 2<th>
<th>Heading 3<th>
</tr>
Test III. Express the following font sizes in pixels. <tr>
Label the document tree on the right based on the <td>Row 2 Cell 1<td>
CSS properties on the left. The use of calculator is <td>Row 2 Cell 2<td>
not allowed. <td>Row 2 Cell 3<td>
</tr>
Code Document Tree <tr>
<td>Row 3 Cell 1<td>
body{font-size: 12px;} <td>Row 3 Cell 2<td>
h1{font-size: 180%;} <td>Row 3 Cell 3<td>
</tr>
h3{font-size: 1.3em;}
</table>
p{font-size: small;}
Output:

ICT 7 – Fourth Periodical Examination

2
Test VI. Indicate the correct CSS code to create the
following output. (Note: use selector{property:value;}
format)

41-42. All the <p> elements bold.

43-44. All the <p> tag’s font size set to default.

45-46. All the <p> elements indent 10 pixels on the

first line of a paragraph.

47-48. Paragraph borders:

The top border = thin

The bottom border = thick
The left border = 10 pixels
The right border = medium

49-50. Anna wants to use a nice looking 5 pixels

green dotted border around the paragraph for her
webpage.

ICT 7 – Fourth Periodical Examination

3