Scribd
Upload
18 views

WebDev 2ndQ Pointers 2023 2024

This document is a summative test in web development for the Special Program in Science – Creative Technology 10 at Ocaña National High School in Carcar City, Cebu, Philippines for the 2023-2024 school year. The test contains 42 multiple choice questions about HTML and CSS topics such as using style attributes, defining colors, fonts, text formatting, and CSS properties.

Uploaded by

Kimlee Kizzy Villarias Nava
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
18 views

WebDev 2ndQ Pointers 2023 2024

This document is a summative test in web development for the Special Program in Science – Creative Technology 10 at Ocaña National High School in Carcar City, Cebu, Philippines for the 2023-2024 school year. The test contains 42 multiple choice questions about HTML and CSS topics such as using style attributes, defining colors, fonts, text formatting, and CSS properties.

Uploaded by

Kimlee Kizzy Villarias Nava
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Republic of the Philippines

Department of Education
REGION VII, CENTRAL VISAYAS
Division of Carcar City
OCAÑA NATIONAL HIGH SCHOOL

SUMMATIVE TEST IN WEB DEVELOPMENT


(Special Program in Science – Creative Technology 10)
SCHOOL YEAR 2023 - 2024

MULTIPLE CHOICE
Instructions: Read each item carefully. Choose the letter of the correct answer. Write your answer on a separate sheet
of paper.
1. What is the syntax for using the HTML style attribute to set the style of an element?
A. <tagname property:value;> C. <style tagname="property:value;">
B. <element style="property:value;"> D. <tagname style="property:value;">
2. Which CSS property is used to define the background color for an HTML element?
A. background-color B. text-color C. color D. background
3. In HTML, how do you set the background color for a page to "powder blue"?
A. <body style="background-color:blue;"> C. <body style="color:powderblue;">
B. <page style="background-color:powderblue;"> D. <body style="background-color:powderblue;">
4. How can you set the background color for two different elements in HTML?
A. <body style="background-color:powderblue; background-color:tomato;">
B. <body style="background-color:powderblue;"><body style="background-color:tomato;">
C. <h1 style="background-color:powderblue;"><p style="background-color:tomato;">
D. <body><h1 style="background-color:powderblue;"> <p style="background-color:tomato;"></body>
5. Which CSS property defines the text color for an HTML element?
A. font-color B. color C. text-color D. foreground-color
6. How do you set the text color of an HTML heading to blue?
A. <h1 style="color:red;"> C. <h1 style="foreground-color:blue;">
B. <h1 style="text-color:blue;"> D. <h1 style="color:blue;">
7. Which CSS property defines the font to be used for an HTML element?
A. font-type B. font-family C. text-font D. font-style
8. To set the font family of an HTML paragraph to "courier," which style attribute should be used?
A. <p style="font-family:arial;"> C. <p style="font-type:courier;">
B. <p style="text-family:courier;"> D. <p style="font-family:courier;">
9. Which CSS property defines the text size for an HTML element?
A. font-size B. text-size C. size D. text-font
10. How can you set the text size of an HTML heading to 300%?
A. <h1 style="font-size:300%;"> C. <h1 style="size:300%;">
B. <h1 style="font-type:300%;"> D. <h1 style="text-size:300%;">
11. Which CSS property defines the horizontal text alignment for an HTML element?
A. text-align B. align-text C. text-alignment D. horizontal-align
12. How can you center-align an HTML heading?
A. <h1 style="horizontal-align:center;"> C. <h1 style="align-text:center;">
B. <h1 style="text-alignment:center;"> D. <h1 style="text-align:center;">
13. What is the correct way to define bold text in HTML?
A. <bold>This text is bold</bold> C. <strong>This text is bold</strong>
B. <em>This text is bold</em> D. <b>This text is bold</b>

___________________________________________________________________________________________________
Ocaña, Carcar City, Cebu SPS – CREATIVE TECHNOLOGY 2023 - 2024
Tel. No.: 487-7126
E-mail Add: [email protected]
14. How do you define text with strong importance in HTML?
A. <b>This text is important!</b> C. <i>This text is important!</i>
B. <strong>This text is important!</strong> D. <em>This text is important!</em>
15. Which HTML element defines a part of the text in an alternate voice or mood?
A. <alt> B. <i> C. <italic> D. <voice>
16. The HTML <em> element defines what type of text?
A. Bold text B. Italic text C. Emphasized text D. Subscript text
17. Which HTML element defines smaller text?
A. <small> B. <lower> C. <minor> D. <reduce>
18. What does the HTML <mark> element define?
A. Underlined text B. Bold text C. Highlighted or marked text D. Italic text
19. The HTML <del> element defines what type of text?
A. Inserted text B. Deleted text C. Underlined text D. Bold text
20. What does the HTML <ins> element define?
A. Deleted text B. Inserted text C. Italic text D. Highlighted text
21. The HTML <sub> element defines what type of text?
A. Superscript text B. Bold text C. Subscript text D. Italic text
22. The HTML <sup> element defines what type of text?
A. Subscript text B. Superscript text C. Bold text D. Italic text
23. What is the purpose of the HTML <address> element?
A. To define an email address C. To define contact information for the author/owner of a
document
B. To define a URL D. To define the physical address of a website
24. Which HTML element defines the title of a creative work?
A. <title> B. <work> C. <cite> D. <creative>
25. What does the HTML <abbr> element define?
A. Abbreviation or acronym B. Abstract text C. Absolute value D. Abnormal text
26. How can you add comments to your HTML source code?
A. <!-- This is a comment --> C. /* This is a comment */
B. <comment>This is a comment</comment> D. // This is a comment
27. What is the purpose of hiding content using HTML comments?
A. To improve SEO C. To temporarily hide content during development
B. To enhance accessibility D. To make the website load faster
28. How do you hide a section of HTML code using comments?
A. <!-- <p>This is another paragraph </p> -->
B. <!-- <div style="display:none;">This is hidden content</div> -->
C. <!-- This is a hidden section -->
D. <hidden>This is hidden content</hidden>
29. Which HTML element is used to set the color of text?
A. <text> B. <color> C. <font-color> D. <span>
30. How can you set the color of borders for an HTML element?
A. <div style="border-color:red;">
B. <div style="border:2px solid red;">
C. <div style="outline-color:red;">
D. <div style="border-width:2px; border-color:red;">

___________________________________________________________________________________________________
Ocaña, Carcar City, Cebu SPS – CREATIVE TECHNOLOGY 2023 - 2024
Tel. No.: 487-7126
E-mail Add: [email protected]
31. What does CSS stand for?
A. Computer Style Sheets C. Cascading Style Sheets
B. Cascading Style Scripts D. Computer Style Scripts

32. What is the purpose of Cascading Style Sheets (CSS)?


A. To create web pages C. To define HTML tags
B. To format the layout of web pages D. To perform server-side scripting

33. What does the term "cascading" in CSS refer to?


A. Waterfall effect C. Parent-child relationship
B. Hierarchical structure D. Inheritance of styles from parent to child elements

34. In CSS, where can styles be added to HTML documents?


A. External only C. External and Internal only
B. Internal only D. Inline, Internal, and External

35. Which CSS inclusion method is the most common?


A. Inline B. Internal C. External D. All are equally common

36. How is inline CSS applied in HTML?


A. Using a separate CSS file C. In the head section of the HTML document
B. Within the HTML element using the style attribute D. As a separate JavaScript file

37. Where is internal CSS defined in an HTML document?


A. In the body section C. In the head section using the style element
B. In the footer section D. In a separate CSS file

38. What is the primary advantage of using an external CSS file?


A. Faster page loading C. Simplicity in coding
B. Easier debugging D. Better compatibility with JavaScript

39. Which CSS method is used to format multiple HTML pages simultaneously?
A. Inline B. Internal C. External D. All methods achieve this equally

40. What is the file extension for an external CSS file?


A. .cs B. .style C. .css D. .script

41. Which CSS property is used to define the text color?


A. font-color B. text-color C. color D. font-style

42. In CSS, what property defines the font to be used?


A. font-type B. font-family C. text-font D. font-style

43. What does the CSS font-size property define?


A. Font type B. Font color C. Text size D. Background color

44. Which CSS property is used to define a border around an HTML element?
A. border-style B. border-width C. border D. border-color

45. What does the CSS padding property define?


A. Space between text and border C. Space inside the border
B. Space outside the border D. Space between elements

___________________________________________________________________________________________________
Ocaña, Carcar City, Cebu SPS – CREATIVE TECHNOLOGY 2023 - 2024
Tel. No.: 487-7126
E-mail Add: [email protected]
46. The CSS margin property defines:
A. Space between text and border C. Space inside the border
B. Space outside the border D. Space between elements
47. How can an external style sheet be linked in HTML?
A. <style> B. <link> C. <script> D. <css>
48. What does the HTML <a> tag define?
A. Animation B. Hyperlink C. Image D. Font style
49. Which attribute is most important for the <a> element?
A. Link B. ref C. alt D. href
50. How is an email link created in HTML?
A. <a href="mailto:[email protected]">Send Email</a>
B. <a href="[email protected]">Email Link</a>
C. <a email="[email protected]">Send Email</a>
D. <a link="mailto:[email protected]">Email Link</a>
51. What is the purpose of the target attribute in the <a> tag?
A. Specifies link color C. Specifies where to open the linked document
B. Defines link position D. Defines link animation
52. How can you link to a bookmark on the same page?
A. <a href="#bookmark">Link Text</a> C. <a link="#bookmark">Link Text</a>
B. <a href="bookmark">Link Text</a> D. <a ref="#bookmark">Link Text</a>
53. What is the correct way to use an image as a link?
A. <img src="image.jpg" alt="Link">
B. <a href="page.html"><img src="image.jpg" alt="Link"></a>
C. <a href="image.jpg">Link Text</a>
D. <a><img src="image.jpg" alt="Link"></a>
54. Which attribute is required in the <img> tag to specify the image path?
A. Path B. img-src C. src D. image
55. What is the purpose of the alt attribute in the <img> tag?
A. Specifies image size C. Defines image alignment
B. Provides alternate text for the image D. Specifies an image background color
56. How can you define the size of an image using CSS?
A. Using the size property C. Using the dimension property
B. Using the ‘width’ and ‘height’ attributes D. Using the scale attribute
57. What should you always specify for an image to prevent page flickering?
A. Alt attribute C. Image path
B. Width and height attributes D. CSS styling
58. How can you link to an image on another server?
A. <img src="https://server/image.jpg" alt="Image">
B. <img href="https://server/image.jpg" alt="Image">
C. <img src="/server/image.jpg" alt="Image">
D. <img link="https://server/image.jpg" alt="Image">
59. Which file format is commonly used for animated images in HTML?
A. PNG B. JPEG C. GIF D. SVG
60. How do you use an image as a link in HTML?
A. <a src="image.jpg">Link Text</a> C. <a href="image.jpg">Link Text</a>
B. <a><img src="image.jpg" alt="Link"></a> D. <a link="image.jpg">Link Text</a>
___________________________________________________________________________________________________
Ocaña, Carcar City, Cebu SPS – CREATIVE TECHNOLOGY 2023 - 2024
Tel. No.: 487-7126
E-mail Add: [email protected]

You might also like