Font size
WorksheetsHTML and CSS basics
Total questions: 136
Worksheet time: 1hrs 9mins
Which CSS unit is relative to the size of the parent element's font?
em
%
cm
px
Which CSS property makes the text bold?
font-weight
bold
font-style
text-bold
Which CSS property changes the text color?
color
font-weight
text-color
font-style
Which CSS property sets the outer spacing of an element?
Border
Padding
Margin
Spacing
In CSS, how do you select all elements inside A?
div.p
div.p
div p
p div
In CSS, which symbol is used before an ID selector?
#
.
@
;
Which CSS property controls the space inside an element's border?
Border-width
Margin
Padding
Spacing
In CSS, what does float left do?
moves text to the left
aligns the elements to the left side
pushes elements under text
makes text italic
Which HTML element is used to emphasize text?
<b>
<strong>
<em>
<i>
What does the tag require to display an image?
src
alt
href
src and alt
Which CSS property is required to create a column grid layout?
grid-template-columns
grid-gap
floatless
display: flex;
Which HTML tag is best for wrapping up stand-alone content like blog posts?
<section>
<article>
<main>
<div>
Which layout model allows Argon to wrap into multiple rows automatically?
float
CSS Grid
Flexbox
inline-block
Which CSS property is used to change the layout from block to inline or flex?
position
align
float
display
In CSS Grid, which property defines the space between rows and columns?
AlignContent
GridGap
JustifyItems
Order
Which CSS property defines space inside elements border?
Border
Content
Margin
Padding
Which CSS layout uses rows and columns for content alignment?
Float
Inline
Grid
Flexbox
Which tag is used to group related content in a sidebar?
<aside>
<section>
<main>
<footer>
Which CSS unit is relative to the viewport to GUID?
em
%
vw
rem
In CSS Flexbox, which property controls the main axis alignment?
justify-content
align-items
align-content
flex-direction
Which CSS unit adapts to the size of the parent element?
pm
dw
%
px
Which HTML tag is used to define the main content of a web page?
<main>
<section>
<div>
<article>
Which CSS property clears floated elements?
clear
overflow
float
display
Which HTML element defines navigation link?
<nav>
<aside>
<header>
<menu>
Which HTML5 element is used for content that appears at the bottom of a page?
<aside>
<and>
<bottom>
<footer>
Which attribute makes an image responsive in HTML?
srcset
scale
adapt
responsive
Which HTML tag is best for grouping related content with a heading? Letter A, a side tag?
<section>
<aside>
<div>
<article>
Which CSS property controls the stacking order of elements?
z-index
order
float
position
Which HTML5 represents self-contained content that could be reused?
<article>
<footer>
<div>
<section>
Which CSS properties use to fix an element at a specific place on screen while scrolling?
position: fixed;
display
z-index
float
Which HTML tag is used for inline text-level semantics?
<span>
<div>
<article>
<section>
Which thesis property specifies how an element is position-relative to its normal position?
position: relative;
float
order
display
What does min-width in CSS Control?
the padding inside the element
the smallest width an element can shrink to
the maximum size of an element
the initial width of an element
Which tag is best used for grouping headings, navigations, and logos at the top?
<header>
<head>
<title>
<section>
Which HTML tags commonly used for page headers?
<header>
<nav>
<head>
<top>
Which HTML element is used to create a hyperlink?
<url>
<href>
<a>
<link>
What CSS property is used to change the font size of an element?
size
text-size
font-style
font-size
Which HTML tag is used to define a list of items?
<list>
<ul>
<ol>
<item>
Which of the following is an agile principle?
Welcome changing requirements evaluated in development.
Avoid continuous delivery.
Minimize communication with customers.
Deliver software only after full testing at the end.
Which of the following is not a component of full-stack web development?
Social Media Management
Front-end Development
Database Management
Back-end Development
What does HTML DOM stand for?
(a)
What is an Interrupted Programming Language?
Language used for styling webpages
A language that executes codes directly, without prior compilation
Language compiled into machine code before execution
A language that only runs often
What is the function of a web server?
Responds to requests by sending files to browsers.
For cookies and cache
Compiles programming languages
Translates domain names into IP addresses
What does DNS server do?
Translates URLs into IP addresses
Stores user login information
Translates IP addresses into URLs
Hosts multimedia files for websites
What is the main function for web server?
Translate programming languages into machine code
Replace the operating system
Store files on server
Connect users to the contents of the internet
What is a static webpage?
A webpage hosted only on mobile device
A webpage built from root period and HTML files
A webpage that changes every time it loads
A webpage built with PHP and MySQL
Which request method is used by a browser to ask a server for a webpage?
GetRequest
Post
Send
FetchRequest
What is a dynamic webpage?
A webpage that requires server-side code to build content.
A webpage inaccessible offline
A webpage stored in plain text
A webpage that never change
Which language is commonly used for dynamic webpages?
HTML
XML
CSS
PHP
What is the purpose of the API in web development?
To provide an interface between database and dynamic webpages.
To compile CSS into machine code
To create static files
To format text in HTML
What is the best way to rank higher in Google Search Results?
Pay Google to list your page
Ask friends to link repeatedly
Constantly refresh your webpage
Create standard compliant user-friendly content
What is WordPress mainly used for?
Hosting and managing dynamic websites
Programming microcontrollers
Encrypting online transactions
Acting as a database server
What is a compiled programming language?
A language translated into machine code before execution.
Executed directly by the browser
A markup language for styling webpages
A language that runs in interpreted form
What is the function of a search engine like Google?
Compile programming language
Create new webpages
Host websites on servers
To crawl and index webpages for users to search
What is the waterfall model in project development management?
Continuous feedback system
A method where development is completed in stages before testing
Iterative and incremental method
Flexible sprint-based method
Which software is an example of web server?
GitHub
Apache
Chrome
MySQL
What does POST request do?
Encrypts communication
Loads scripts for dynamic webpages
Asks the server to send webpage files
Sends form data from browser to the server
What is the purpose of version control software?
To manage versions of source code and enable collaboration
Monitor internet traffic
Store web cookies
Give passwords in your application
Which of the following is an example of a web browser?
Google Chrome
PHP
MySQL
Apache
Hybrid App Combines what?
Native Container plus Web Technologies
Server and Client Databases
APIs and SDKs
Desktop and Console Apps
A progressive web app is best described as..
A web app with offline, installable, and responsive capabilities
A native iOS application only
A desktop-only application
A command-line mobile tool
Which design approach automatically adjusts to any screen resolution?
Print Design
Static Design
Fixed Design
Responsive Design
Which image format is best for scalable icons in responsive design?
SVG
BMP
PNG
JPG
Bootstrap and Tailwind CSS are examples of
database query languages
CSS frameworks for responsive design
programming languages
mobile operating systems
In mobile app development, which approach uses a single codebase for multiple platforms?
Hybrid development
Database-first development
Server-side scripting
Native development
Which mobile OS is open source and wide use?
Windows Mobile
iOS
Symbian
Android
Which unit is recommended for responsive typography?
PX
CM
EM
REM
Which CSS technique is most commonly used in responsive design?
server-side rendering
CSS presets
inline styling
media queries
In response to design, Flexbox and Grid are used for
Authentication
Database Storage
Layout Management
Server Deployment
Which of the following is a mobile-first design principle?
Ignore mobile devices
Use only fixed layouts
Design for mobile and enhance for larger screens
Design for desktop and shrink for mobile
Which is a key principle for progressive enhancement
Build for basic functionality, then enhance
Start with complex features first
Avoid mobile users
Support for only latest browsers
Which is a drawback of native development that there
full hardware access
requires multiple codebases for platforms that there
app store visibility
best performance
Which testing ensures a website works across different devices?
Database Testing
Security Testing
Usability Testing
Cross-Browser and Cross-Device Testing
Responsive images are best implemented using
Fixed With Images
Using Images as Background Only
Picture Type and Source Set Attributes
Only .gif images
What does adaptive design rely on?
Predefined screen layouts for breakpoints
Server logs
Fluid grids only
Inline CSS
Which viewport metatag is essential for mobile optimization?
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh">
<meta name="description">
<meta charset="utf-8">
What is the primary benefit of using relative units like present or EM?
They adapt to parent container and screen
Faster than pixels
Ignore screen size
Disable scaling
The hamburger menu in mobile UI design is used for
server caching
navigation on small screens.
displaying advertisements
image optimization
Which of the following is a native app feature?
Installed directly from an app store
Runs only in browsers
Cannot access hardware
Requires no installation
The primary challenge in mobile development is
Lack of programming languages
No available frameworks
Diverse screen sizes and hardware fragmentation
Limited number of devices
Which is not a characteristic of responsive design
Flexible grids
Scalable images
Media queries
Fixed pixel layouts only
What does responsive design primarily aim to achieve?
Faster backend processing
Compatibility with all databases
Replacing native apps
Adapting layouts to different screen sizes
Which JavaScript framework is often used in mobile app development?
React Native
Django
Laravel
Flask
Which concept ensures websites are usable by people with disabilities?
Accessibility
Cross-platform
SEO
Responsiveness
Which HTML element is used to display a numbered item in a list?
`<ol>`
`<li>`
`<ul>`
`<dl>`
Which attribute is used to provide alternative text for an image?
title
src
alt
href
The NaN in JavaScript stands for:
Not a Name
Not a Null
Not a Number
Null and None
Which statement is used to exit a loop in JavaScript?
stop
break
end
return
JavaScript is a ___ language.
Compiled
Markup
Scripting
Styling
Which function is used to parse a string into an integer?
parseInt()
parseFloat()
Number()
eval()
Which built-in method converts a string to lowercase letters?
toLowerCase()
lower()
convertLower()
toSmallCase()
The function to display a message box in the browser is:
print()
alert()
console.log()
show()
Which symbol is used for comments in JavaScript?
<!-- comment -->
// comment
# comment
/* comment */ only
What is the output of 2 + "2" in JavaScript?
4
22
NaN
Error
What is the purpose of return in a function?
Stop the program
Exit the function and send a value
Loop back to start
Define a variable
What will console.log(0 == "0") output?
false
true
undefined
error
JavaScript was first introduced by which company?
Microsoft
Sun Microsystems
Netscape
Apple
Which keyword declares a variable that cannot be reassigned?
var
let
const
define
What is a callback function?
A function that calls itself
A function passed as an argument to another function
A function that returns multiple values
A function that stops execution
Which loop is guaranteed to execute at least once?
for
while
do...while
foreach
What does DOM stand for?
Document Object Model
Data Object Management
Digital Object Mapping
Document Oriented Model
The addEventListener() method is used to:
Add HTML content
Attach an event handler
Create a variable
Load CSS files
What does JSON stand for?
Java Source Object Notation
JavaScript Object Notation
JavaScript Oriented Network
Java Simple Object Name
The === operator in JavaScript checks:
Value only
Type only
Value and type
Memory reference
The file extension of a JavaScript file is:
.java
.js
.jsx
.script
What will typeof null return?
“null”
“object”
“undefined”
“string”
Which of the following is NOT a JavaScript data type?
String
Boolean
Character
Number
Which of the following methods adds an element at the end of an array?
push()
pop()
shift()
unshift()
What will console.log(0 === "0") output?
false
true
error
Inside which HTML element do we put JavaScript code?
<javascript>
<script>
<js>
<code>
JavaScript was originally developed by:
Brendan Eich
Tim Berners-Lee
Dennis Ritchie
James Gosling
Which framework allows you to create mobile apps using JavaScript?
Bootstrap
React Native
Deno
Next.js
The term “two-way data binding” means:
UI updates automatically when data changes and vice versa
Only data updates the UI
Only UI updates the data
Data flow is unidirectional
Axios is commonly used in JavaScript to:
Style components
Handle HTTP requests
Connect databases
Create components
Express.js is mainly used for:
Building APIs and web servers
Managing databases
Front-end design
DOM manipulation
Vue.js was created by:
Evan You
Brendan Eich
Tim Berners-Lee
Ryan Dahl
The syntax `$(document).ready()` is associated with:
React
Angular
jQuery
Node.js
Angular was created and maintained by:
Apple
Adobe
Virtual DOM is primarily used in:
Vue.js only
AngularJS only
React and Vue
jQuery
Vue.js templates use which delimiters by default?
{{ }}
[[ ]]
<% %>
<< >>
Which of the following is NOT a JavaScript library or framework?
React
Angular
Laravel
Vue
React was developed by:
Facebook (Meta)
Microsoft
Mozilla
In Angular, components are written using:
HTML only
TypeScript
PHP
XML
Next.js is built on top of:
Angular
Node.js
React
Vue.js
Lodash is a JavaScript library mainly for:
Utility functions and array/object manipulation
Form validation
API authentication
DOM rendering
The command to create a new React project using Create React App is:
npm install react
npm create react-app myApp
npx create-react-app myApp
node create-react-app myApp
jQuery simplifies:
HTML DOM manipulation and AJAX
Server deployment
Database queries
Image rendering
Which React hook replaces lifecycle methods like `componentDidMount`?
useRef
useEffect
useState
useContext
Node.js uses which runtime engine?
SpiderMonkey
Chakra
V8
Rhino
Which statement is true about React?
It’s an MVC framework
It focuses on building user interfaces using components
It runs only on the server
It uses two-way data binding by default
Which Node.js framework is used for real-time applications (like chat)?
A JavaScript library is best described as:
A complete programming language
A collection of prewritten JavaScript code for common tasks
A database driver
A hardware abstraction layer
Which library is most associated with state management in React?
Redux
Axios
Lodash
Mongoose
The command `npm install` is used to:
Start the Node server
Install project dependencies
Build the React project
Run JavaScript tests
Node.js allows JavaScript to run on:
Only browsers
Mobile devices
The server side
Game consoles only
The main building blocks of an Angular app are:
Functions
Components
APIs
Hooks
