WorksheetsQ1 ICT09 Review Quiz
Total questions: 100
Worksheet time: 50mins
Name
Class
Date
1.
What term describes the creation of the layout and visual elements of a website?
a)
Web Development
b)
Web Coding
c)
Web Design
d)
Web Hosting
2.
Which term refers to the creation of web pages using languages like HTML, CSS, and JavaScript?
a)
Web Design
b)
Web Development
c)
Graphic Design
d)
User Experience
3.
Who focuses on the appearance of a website and its aesthetic layout?
a)
Web Developer
b)
Programmer
c)
Web Designer
d)
Server Administrator
4.
A web developer is also known as a...
a)
Graphic Artist
b)
Programmer
c)
UI Specialist
d)
UX Researcher
5.
The principle of 'Less is more' in web design is known as...
a)
Typography
b)
Animation
c)
Minimalism
d)
Color Scheme
6.
Which design principle refers to the visual aesthetics and appearance of text?
a)
Minimalism
b)
Typography
c)
Color Scheme
d)
Display
7.
Modern web design trends favor which type of colors to catch user attention?
a)
Soft shades
b)
Grayscale
c)
Vibrant and dramatic colors
d)
Monochrome
8.
A one-page website with a borderless user interface is an example of which design principle?
a)
Display
b)
Animation
c)
Typography
d)
Minimalism
9.
Using animated icons and micro-interactions to ensure fluidity in the user's experience is part of which principle?
a)
Color Scheme
b)
Mobile-friendliness
c)
Display
d)
Animation
10.
What design principle ensures that users can access and browse a website on smartphones, tablets, and desktops?
a)
Animation
b)
Minimalism
c)
Mobile-friendliness
d)
Typography
11.
Which two terms are often used interchangeably but refer to different aspects of creating a website?
a)
HTML and CSS
b)
Web Design and Web Development
c)
UI and UX
d)
Client and Server
12.
A web developer converts a static layout into a dynamic website using...
a)
Design programs
b)
Color schemes
c)
Links, buttons, and other interactive elements
d)
White space
13.
Setting up and enforcing coding standards is a key part of which web development principle?
a)
Quality focus
b)
Simplicity
c)
User focus
d)
Efficiency of codes
14.
Which web development principle emphasizes creating simple, well-organized websites that are easier to build and maintain?
a)
User focus
b)
Quality focus
c)
Efficiency of codes
d)
Simplicity
15.
Reducing the amount of code without compromising quality is part of which development principle?
a)
Efficiency of codes
b)
Simplicity
c)
User focus
d)
Quality focus
16.
Adobe Creative Cloud is an example of software used for...
a)
Web development
b)
Web hosting
c)
Web design
d)
Server management
17.
HTML, CSS, and JavaScript are primarily used in...
a)
Web design
b)
Web development
c)
Project management
d)
Graphic illustration
18.
Providing relevant, useful content and a good user experience is central to which development principle?
a)
Simplicity
b)
Quality focus
c)
User focus
d)
Efficiency of codes
19.
Using more white space and focusing only on essential elements are techniques of...
a)
Typography
b)
Minimalism
c)
Animation
d)
Color schemes
20.
A web designer and web developer work together to create a website that offers...
a)
The lowest cost
b)
The most animations
c)
Quality user experience
d)
The fastest server speed
21.
What is the very first step in the web design and development process?
a)
Coding
b)
Design
c)
Information gathering
d)
Testing
22.
What is created during the planning phase to describe how the entire site will look and function?
a)
A color palette
b)
A sitemap
c)
The final code
d)
A server backup
23.
A wireframe is created to describe the...
a)
Server configuration
b)
Final color scheme
c)
User interface of the website
d)
Marketing plan
24.
In which phase are design elements like themes, colors, and logos incorporated?
a)
Planning
b)
Coding
c)
Design
d)
Maintenance
25.
Writing, proofreading, and editing the text for a website occurs during which phase?
a)
Design
b)
Content writing and assembly
c)
Testing
d)
Information gathering
26.
In which stage does the web developer take graphic elements and write code to create the website?
a)
Planning
b)
Design
c)
Coding
d)
Maintenance
27.
What software is used to upload website files to a server?
a)
A web browser
b)
A text editor
c)
FTP (File Transfer Protocol) software
d)
A design program
28.
What is the final phase of the web development process that involves regular changes and additions?
a)
Launching
b)
Coding
c)
Design
d)
Maintenance and regular updating
29.
Which page is the start or main page of a website?
a)
About page
b)
Contact page
c)
Home page
d)
Products page
30.
Which section of a website provides information about the products or services offered?
a)
Home page
b)
About page
c)
Contact page
d)
Products or Services page
31.
The page that introduces the creators or company, including its history and people, is the...
a)
Contact page
b)
About page
c)
Home page
d)
Services page
32.
Phone numbers, email addresses, and a physical map are typically found on which page?
a)
Products page
b)
Home page
c)
Contact page
d)
About page
33.
A blog, photo gallery, or news section is considered...
a)
Static content
b)
Dynamic content
c)
The home page
d)
The contact form
34.
A sitemap helps in building a website that is...
a)
Colorful and animated
b)
User-friendly and easy-to-navigate
c)
The most secure
d)
Quick to load
35.
The purpose of a wireframe is to show the layout without...
a)
Any text
b)
Any images
c)
Any design elements
d)
Any links
36.
Testing links, forms, and scripts is part of which phase?
a)
Design
b)
Planning
c)
Testing, delivery, and launching
d)
Content writing
37.
A feedback system is a good feature to include as part of...
a)
The design phase
b)
The planning phase
c)
The coding phase
d)
The maintenance phase
38.
Links to other sites that customers might find interesting are placed in the...
a)
Home page
b)
About page
c)
Site links section
d)
Contact form
39.
During information gathering, what is a key consideration?
a)
The programming language
b)
The server location
c)
The target audience
d)
The color scheme
40.
The relationship among the different pages of a website is shown in the...
a)
Wireframe
b)
Sitemap
c)
Design document
d)
Content plan
41.
What does HTML stand for?
a)
Hyper Text Makeup Language
b)
Hypertext Markup Language
c)
High Tech Modern Language
d)
Home Tool Markup Language
42.
Who created HTML in late 1991?
a)
Bill Gates
b)
Steve Jobs
c)
Tim Berners-Lee
d)
Linus Torvalds
43.
What organization is responsible for developing web standards like HTML?
a)
Microsoft
b)
Apple
c)
The World Wide Web Consortium (W3C)
d)
Google
44.
The latest W3C recommendation mentioned in the text as of 2017 is...
a)
HTML 4.01
b)
HTML5
c)
HTML5.1
d)
HTML5.2
45.
What is the default text editor for Windows mentioned for learning HTML?
a)
Notepad++
b)
TextEdit
c)
Notepad
d)
Microsoft Word
46.
What free source code editor is recommended for use in the lessons?
a)
Notepad
b)
TextEdit
c)
Notepad++
d)
Sublime Text
47.
In the Notepad++ environment, which bar shows the file name and location?
a)
Toolbar
b)
Status bar
c)
Title bar
d)
Tab bar
48.
Where are the codes typed in the Notepad++ environment?
a)
Status bar
b)
Menu bar
c)
Text area
d)
Title bar
49.
What is the file name extension for an HTML file?
a)
.txt or .doc
b)
.html or .htm
c)
.css or .js
d)
.web or .page
50.
What is the very first tag in a typical HTML document?
a)
<html>
b)
<head>
c)
<body>
d)
<!DOCTYPE html>
51.
The visible content of an HTML document is placed between which tags?
a)
<head> and </head>
b)
<body> and </body>
c)
<html> and </html>
d)
<title> and </title>
52.
Where is the header information about the document, such as the title, placed?
a)
Between <body> and </body>
b)
Between <head> and </head>
c)
After </html>
d)
Inside a comment
53.
The building blocks of a web page that are represented by tags are called...
a)
Attributes
b)
Elements
c)
Styles
d)
Scripts
54.
Most HTML tags come in pairs and are called...
a)
Empty tags
b)
Single tags
c)
Container tags
d)
Attribute tags
55.
Tags that do not have a corresponding closing tag are known as...
a)
Container tags
b)
Open tags
c)
Empty tags
d)
Broken tags
56.
What provides additional information about the content of an element?
a)
Tags
b)
Comments
c)
Attributes
d)
Text
57.
In the syntax <body bgcolor="yellow">, what is "bgcolor"?
a)
The element
b)
The tag
c)
The value
d)
The attribute name
58.
A tag or attribute that is no longer recommended for use by the W3C is considered...
a)
Obsolete
b)
Broken
c)
Deprecated
d)
Essential
59.
What should be used instead of deprecated attributes like bgcolor?
a)
JavaScript
b)
More HTML tags
c)
Cascading Style Sheet (CSS)
d)
Server-side scripts
60.
HTML tags are...
a)
Case-sensitive
b)
Not case-sensitive
c)
Always uppercase
d)
Always lowercase
61.
W3C recommends using which case for HTML tags?
a)
Uppercase
b)
Lowercase
c)
CamelCase
d)
It does not recommend a case
62.
Hypertext refers to the way web pages are...
a)
Styled with colors
b)
Linked together
c)
Displayed on a screen
d)
Processed by a server
63.
What is a "bug" in a computer program?
a)
A new feature
b)
A security update
c)
An error, flaw, or fault
d)
A user comment
64.
HTML uses markup to describe the...
a)
Speed of the website
b)
Security of the website
c)
Structure of web pages
d)
Colors on the web page
65.
In Notepad++, the `Run` menu is used to...
a)
Save the file
b)
Close the file
c)
Open the file in a browser
d)
Check for errors
66.
The <title> tag displays text in the...
a)
Main content area
b)
Footer of the page
c)
Title bar of the browser
d)
Status bar
67.
Which tag encloses the complete HTML document?
a)
<body>
b)
<!DOCTYPE>
c)
<html>
d)
<head>
68.
Attributes are always added to the...
a)
Closing tag
b)
Opening tag
c)
Content between tags
d)
</head> section
69.
What separates an attribute name from its value?
a)
A colon
b)
A semicolon
c)
A space
d)
An equal sign
70.
Which part of the Notepad++ environment gives access to all opened files?
a)
Menu bar
b)
Title bar
c)
Status bar
d)
Tab bar
71.
The command to save all opened files at the same time in Notepad++ is...
a)
Save
b)
Save As...
c)
Save All
d)
Quick Save
72.
An instruction to the web browser about what version of HTML is being used is the...
a)
<html> tag
b)
<head> tag
c)
<!DOCTYPE> declaration
d)
<body> tag
73.
The HTML <body> element contains...
a)
The document's header information
b)
The document type definition
c)
The web page content to be displayed
d)
Links to external files
74.
The process of writing the actual <html> document is called...
a)
Designing
b)
Planning
c)
Coding
d)
Testing
75.
Which guideline helps in differentiating code from content?
a)
Using uppercase for all tags
b)
Placing all code on a single line
c)
Ensuring opening and closing tags are at the same level
d)
Avoiding the use of attributes
76.
Which tags are used to define headings in HTML?
a)
<head1> to <head6>
b)
<h1_h6>
c)
<h1> to <h6>
d)
<heading1> to <heading6>
77.
Which heading tag represents the most important heading?
a)
<h6>
b)
<h4>
c)
<h1>
d)
<h3>
78.
The <p> tag is used to define a...
a)
Picture
b)
Paragraph
c)
Page break
d)
Preformatted text
79.
What does a browser automatically add before and after a <p> element?
a)
A horizontal line
b)
An empty space
c)
One line
d)
An indent
80.
How do browsers handle extra spaces or extra lines within the <p> tag in the code?
a)
They are displayed as written
b)
They are converted to line breaks
c)
They are ignored
d)
They cause an error
81.
Which tag is used to insert a line break without starting a new paragraph?
a)
<lb/>
b)
<break/>
c)
<br/>
d)
<newline/>
82.
The <br/> tag is an example of an...
a)
Container tag
b)
Opening tag
c)
Empty element
d)
Paired tag
83.
Which tag preserves both spaces and line breaks as they appear in the HTML document?
a)
<p>
b)
<pre>
c)
<br/>
d)
<code>
84.
The text inside a <pre> tag is typically displayed in which type of font?
a)
Proportional-width font
b)
Bold font
c)
Italic font
d)
Fixed-width font
85.
Which tag is used to create a horizontal line to divide sections of a page?
a)
<line/>
b)
<rule/>
c)
<hl/>
d)
<hr />
86.
What is the character entity used to add a non-breaking space?
a)
&space;
b)
c)
&break;
d)
 
87.
Why are character entities used for symbols like < and >?
a)
To make them larger
b)
To avoid confusing the browser, which uses them for tags
c)
To color them differently
d)
Because they cannot be typed on a keyboard
88.
What is the entity name for the "less than" symbol (<)?
a)
&less;
b)
<
c)
<h;
d)
&left;
89.
What is the entity name for the "greater than" symbol (>)?
a)
>
b)
&greater;
c)
>h;
d)
&right;
90.
What is the entity name for the ampersand symbol (&)?
a)
∧
b)
&ersand;
c)
&symbol;
d)
&
91.
How are comments displayed in a web browser?
a)
They are displayed in a small font
b)
They are not displayed
c)
They are displayed in italics
d)
They are highlighted in yellow
92.
One useful purpose of comments is to...
a)
Make the website load faster
b)
Add animations to the page
c)
Temporarily remove lines of code to search for errors
d)
Increase the website's search engine ranking
93.
Which syntax correctly starts and ends an HTML comment?
a)
// comment
b)
/* comment */
c)
<comment> comment </comment>
94.
What happens if you add multiple spaces directly in your HTML code without using ?
a)
All spaces are preserved
b)
All but one space are removed
c)
An error is generated
d)
The spaces are converted to tabs
95.
The <hr /> tag is used for...
a)
Adding a heading
b)
Thematic breaks between content
c)
Creating a hyperlink
d)
Highlighting text
96.
Are HTML entity names case-sensitive?
a)
Yes
b)
No
c)
Only for some entities
d)
It depends on the browser
97.
Which tag would you use to display a poem with its original line breaks and indentation?
a)
<p>
b)
<h6>
c)
<br/>
d)
<pre>
98.
The syntax for the line break tag requires a space between 'br' and the forward slash to support...
a)
Modern browsers
b)
Old browsers
c)
Mobile devices
d)
Search engines
99.
Which heading tag would create the smallest text?
a)
<h1>
b)
<h3>
c)
<h2>
d)
<h6>
100.
Which HTML tag is used to create a hyperlink?
a)
<href>
b)
<link>
c)
<a>
d)
<url>
100 %
