Choose the HTML tag used to insert an image.

< img url=”htmllogo.jpg” / >

< img alt=”htmllogo.jpg” / >

< img src=”htmllogo.jpg” / >(Correct Answer)

< img link=”htmllogo.jpg” / >

Which of the following is a common use of HTML?

Managing databases

Creating dynamic server-side scripts

Designing user interfaces

Defining document structure(Correct Answer)

Which HTML tag is used to display the content of webpage?

< body >(Correct Answer)

< main >

< content >

< section >

Which tag is used to define the root of an HTML document?

< header >

< html >(Correct Answer)

< body >

< title >

What is the correct sequence of basic HTML structure elements?

< html >, < body >, < head >

< body >, < head >, < html >

< head >, < html >, < body >

< html >, < head >, < body >(Correct Answer)

Which of the following HTML elements represents the largest heading?

< h1 >(Correct Answer)

< h3 >

< heading >

< head >

Using HTML, what can we make?

Dynamic web applications

Interactive user interfaces

Structured documents(Correct Answer)

Virtual reality experiences

Which of the following can be created using HTML?

Video games

Mobile applications

Web pages(Correct Answer)

Operating systems

What is the primary purpose of HTML?

To style web pages

To provide interactivity

To structure content on the web(Correct Answer)

To handle server-side logic

Which element of a webpage is predominantly controlled by HTML?

Styling

Functionality
Structure(Correct Answer)

Security

Which of the following is not typically created using HTML?

Online forms

Multimedia presentations(Correct Answer)

Text documents

Image galleries

Which of the following is identified as the primary function of the CSS property 'font-family'?
The font size of text elements

The font style of text elements

The font family for text elements(Correct Answer)

The font color of text elements

Which is the actual CSS property that is used to identify the background color of an element?
color

background-color(Correct Answer)

text-color

background-image

Which of the following is identified as the purpose of the CSS property "text-align"?
The spacing between lines of text

The alignment of text within an element(Correct Answer)

The font weight of text elements

The color of text elements

What is the primary purpose of the CSS property 'color'?

The background color of an element
The border color of an element.

The text color of an element.(Correct Answer)

The margin color of an element.

Which CSS selector is used to select all elements on a webpage?

*(Correct Answer)

body

.all

#all

Identify the key differences between inline CSS and external CSS.
Inline CSS is more efficient than external CSS.

External CSS allows for better separation of concerns compared to inline CSS.(Correct Answer)

Inline CSS and external CSS serve the same purpose.

External CSS cannot be used for styling HTML elements.

Which CSS property is used to indicate the color of the text?

font-color

color(Correct Answer)

text-color

foreground-color

Identify the CSS property that responsible for controlling the space between lines of text within an element.
line-height(Correct Answer)

letter-spacing

word-spacing

line-spacing

Which of the following is considered as the differences between the CSS margin property and the padding property?
Margin adds space inside the element, while padding adds space outside the element.

Margin adds space outside the element, while padding adds space inside the element.(Correct Answer)

Margin and padding are identical in functionality.

Margin and padding cannot be differentiated.

Classify the distinctions between the background-color and background-image properties in CSS.
background-color sets the color behind the background image, while background-image sets the image to be displayed.

background-color only supports solid colors, while background-image can include images and gradients.(Correct Answer)

background-color and background-image are interchangeable and perform the same function.

There is no difference between the background-color and background-image properties.

Which of the following symbol that is used to declare a variable in Sass?

#

&

$(Correct Answer)

Select the directive that allows you to include the content of one file in another.
@include

@define

@import(Correct Answer)

All of these

Which of the following is regarded as the correct syntax for @import directive?
@import -filename;

@import +filename;

@import filename

@import filename;(Correct Answer)

Select the directive that is used to share a set of CSS properties from one selector to another.
@share

@import

@transfer

@extend(Correct Answer)

Select the Sass function that is used to get the length of the string.
stringlength(string)

length(string)

str-length(string)

len(string)(Correct Answer)

Which of the following directive facilitates you to generate styles in a loop?

@while

@if

@for(Correct Answer)

@each

Select the data types that SassScript supports.

Numbers

Strings of texts

Colors

All of these(Correct Answer)

Identify the purpose of the lighten() functions in SASS.

To create a gradient effect

To make a color lighter by a specified amount(Correct Answer)

To increase the saturation of a color

To make text appear bold

Select the main reason of using SASS.

SASS is a pre-processing language that provides its syntax.

SASS facilitates us to write codes easily and efficiently, and they are easy to maintain

SASS is a superset of CSS that contains all CSS features and is an open-source pre-processor coded in Ruby.

All of these(Correct Answer)

Select the most attractive features of SASS.

SASS uses its Syntax.

SASS is more stable, powerful, and fully compatible with CSS3.

SASS is time-saving because it facilitates users to write CSS in less code.

All of these(Correct Answer)

Identify the file extension that commonly associated with SASS files.
.scss(Correct Answer)

.css

.sass

.html

Identify the operator that is used in SASS .

+(Correct Answer)

@media

>

float()

Select the actual SASS color function from the option

lighten()(Correct Answer)

margin()
float()

display()

Discover the significance of a SASS map among the given options.

A collection of key-value pairs(Correct Answer)

A way to group related styles

A way to apply styles to child elements

A way to create conditional statements

Select the SASS interpolation syntax from the following options.

#{}(Correct Answer)

()

{}

[]

Identify the reason why SASS is referred as a superset of CSS from the following options.
SASS is called a superset of CSS because it is better than CSS.

SASS is called a superset of CSS because it is an open-source pre-processor written in the Ruby programming language.

SASS is called a superset of CSS because it contains all the features of CSS.(Correct Answer)

None of these

Select the operator that provides the path for the CSS stylesheets in the application.
:filename

:load_paths

:css_location(Correct Answer)

:template_location

Identify the types of mixin arguments from the options provided.

Keyword Arguments
Variable Arguments

Both Keyword Arguments and Variable Arguments.(Correct Answer)

None of these.

Identify the correct method to define a variable in SASS.

#primary-color: #888

%primary-color: #888

@primary-color: #888

$primary-color: #888(Correct Answer)

Identify the SASS directive used for error detection from the options provided.
@debug directive(Correct Answer)

@warm directive

@error directive

@import directive

Identify the HTML < meta > tag's primarily contribution to a webpage.
It defines the main content of the webpage.

It specifies the character encoding of the document.(Correct Answer)

It creates hyperlinks within the document.

It adds images to the webpage.

Select the correct way to create a paragraph in HTML.

< para >This is a paragraph< /para >

< p >This is a paragraph < /p >(Correct Answer)

< paragraph >This is a paragraph< /paragraph >

< pg >This is a paragraph< /pg >

Identify the purpose of the < title > tag in an HTML document.
To create a title for the webpage(Correct Answer)

To define the main content of the document

To insert a line break

To define a hyperlink

Select the method which is used to represent the hierarchical structure of an HTML document.
Through indentation(Correct Answer)

Through color coding

Through line numbering

Through font size changes

Identify the purpose of the < head > tag in an HTML document.
To define the main content of the document

To insert a line break

To create headings within the document

To contain metadata about the document(Correct Answer)

Select the order in which HTML elements are organized within the < body > tag.
In a sequential order

In a random order

In a hierarchical structure(Correct Answer)

In a circular structure

Describe how nested elements are illustrated in HTML.

By aligning them horizontally

By separating them with commas

By enclosing them within other elements(Correct Answer)

By changing their font color

Select the HTML tag which is used to create a container for metadata in the < head > section.
< link >

< metadata >

< meta >(Correct Answer)

< data >

Identify the character entity that is used in HTML to print 3 consecutive blank spaces on the screen.
" 3 * & nbsp ; "

" & blank ; & blank ; & blank ; "

" & space ; & space ; & space ; "

" & nbsp ; & nbsp ; & nbsp ; "(Correct Answer)

Select an appropriate HTML code to display the text "< html >" on a webpage.
"&lt;html&gt; "(Correct Answer)

"&gt;html&lt;"

"&lesser;html&greater;"

"< html >"

Identify the entry page for a website which links to additional pages of the same website.
web page

first page

home page(Correct Answer)

house page

Apply the concept of a system that responds to requests for pages from the browser.
web page

web browser
web server(Correct Answer)

None of these.

Identify the element that is not controlled by HTML.

layout of a webpage(Correct Answer)

footer of a webpage

frames of a webpage

image of a webpage

Identify the tag used with title tag to make the title bold.
bold(Correct Answer)

italic

boldfont

bolds

A start tag, some content, and an end tag is often defined as.
data definition

meta data

HTML element(Correct Answer)

HTML tags

Identify the special charecter used to understand end tags.

backslash

frontslash(Correct Answer)

semicolon

comma

Predict the full form of SGML.

Standard Great Markup Language
Standalone General Markup Language

Standard Generalized Markup Language(Correct Answer)

Standardised General Markup Language

Define the purpose of the < meta > tag in the head section of an HTML document.
To insert a hyperlink

To define metadata about the HTML document(Correct Answer)

To create a line break

To define the main content of the page

Identify the tag that is used to define the structure of an HTML document.
< body >

< head >

< html >(Correct Answer)

< title >

Choose the attribute which specifies the character encoding for the HTML document.
charset(Correct Answer)

encoding

meta

content

Name the HTML tag that is used to create a hyperlink.

< link >

< a >(Correct Answer)

< hlink >

< url >

Select the HTML tag used to insert a line-break.

<a>

< br >(Correct Answer)

<b>

< pre >

Select the correct option that tells how to create a hyperlink in HTML.
< a link = “www.thinkandlearn.com” > thinkandlearn.com < /a >

< a > www.thinkandlearn.com < thinkandlearn.com /a >

< a href = “www.thinkandlearn.com” > thinkandlearn.com < /a >(Correct Answer)

< a url = “www.thinkandlearn.com” thinkandlearn.com /a >

Select the correct image insertion process from the following.

< img src = “jtp.png” / >(Correct Answer)

< img href = “jtp.png” / >

< img link = “jtp.png” / >

< img url = “jtp.png” / >

Name the HTML tag that is used to create an ordered list.

< ol >(Correct Answer)

< ul >

< li >

< list >

Select the correct way to implement subscript in HTML.

< p style="text-style: subscript;" >This is subscript text< /p >

< sub >This is subscript text< /sub >(Correct Answer)

< span subscript >This is subscript text< /span >

< div sub >This is subscript text< /div >

Which of the following tag is used to define options in a drop-down selection list?
< select >

< list >

< dropdown >

< option >(Correct Answer)

The < hr > tag in HTML is used for _____. Select the correct option.
new line

vertical ruler

new paragraph

horizontal ruler(Correct Answer)

Select the correct container for < tr >, < th >, and < td > in HTML.
< data >

< table >(Correct Answer)

< group >

All of the these

Which is the correct way to comment out something in HTML?

Using ## and #

Using < !-- and -- >(Correct Answer)

Using < /-- and -/- >

Using < !-- and -! >

Identify the HTML tag which is used to define a paragraph.

< paragraph >

< p >(Correct Answer)

< par >

<b>

Which tag is used to create a table in HTML?

< table >(Correct Answer)

< tab >

< tbl >

<t>

Predict the meaning of the HTML tag < em >.

Italic text

Strong emphasis(Correct Answer)

Bold text

Underlined text

Express the purpose of the HTML attribute href in the < a > tag.
Hyperlink reference(Correct Answer)

Hypertext reference

Hyperlink

Hyper text file

Identify the HTML tag that is used to create a radio button.

< input type="radio" >(Correct Answer)

< radio >

< check >

< input type="check" >

Indicate the correct HTML tag to define a form.

< form >(Correct Answer)

< input >

< fieldset >

< submit >

Identify what does the HTML tag < ul > stand for.
Ordered List

Unordered List(Correct Answer)

List Item

List

Identify the tag which is used to describe each item in an HTML list.
< il >

< item >

< li >(Correct Answer)

< list-item >

Indicate which of the following is used to create a nested list in HTML.

Indentation

Increasing the font size

Using the < ul > tag

Placing one list inside another list(Correct Answer)

Identify the HTML tags that is used to create a definition term in a description list.
< dt >(Correct Answer)

< dd >

< dl >

< dtl >

Choose the correct syntax of < hr > tag.

< hr >
< hr/ >

< hr >< /hr >

Both < hr > and < hr/ > (Correct Answer)

Identify the tag that is used for inserting the largest heading in HTML.
head

< h1 >(Correct Answer)

< h6 >

heading

Select which part of the HTML contain metadata.

head tag(Correct Answer)

title tag

html tag

body tag

Choose the tag used to bold the text in HTML.

<u>

< mark >

< highlight >

< b >(Correct Answer)

Identify the way to write comments in HTML.

< /……. >

< ! - -…… - - >(Correct Answer)

< /……/ >

< …….! >

Select the tag used for HTML paragraph.
< p >(Correct Answer)

< pre >

< hr >

<a>

Identify the HTML tag used to create an unordered list.

< ol >

< ul >(Correct Answer)

< li >

< ll >

Select the HTML tag used to add a row in a table.

< th >

< tr >(Correct Answer)

< td >

< tt >

Choose the file extension used to save an HTML file.

.htm

.html

both .htm and .html(Correct Answer)

.hml

Identify the CSS property that is used to set the text color of an element?
text-color

color(Correct Answer)

text-style
font-color

Classify How can you link an internal CSS style directly within an HTML document?
Using the < style > element in the < body > section(Correct Answer)

Using the < css > element in the < head > section

Using the < script > element in the < head > section

Using the < link > element in the < body > section

Identify the CSS property that is used to set the background color of an element.
color

background-color(Correct Answer)

bgcolor

background

Select the CSS property used to make text bold.

font-style: bold

text-weight: bold

font-weight: bold(Correct Answer)

text-style: bold

Identify the CSS property that is used to align text to the right within its containing element.
text-align: center

text-align: left

text-align: right(Correct Answer)

text-align: justify

Identify the CSS property that is used to control the style of a font, such as italic or normal
font-style(Correct Answer)

text-decoration
font-variant

text-style

Identify the CSS property that is used to remove the default bullet points from an unordered list.
list-style: none(Correct Answer)

list-type: none

list-decoration: none

bullet-style: none

Identify the CSS selector that is used to select all elements with a specific class.
#classname

classname(Correct Answer)

class:classname

element.classname

Select How do you set the border width of an element in CSS?

border-width: 2px(Correct Answer)

border: 2px

border-size: 2px

border-thickness: 2px

Identify the CSS property that is used to control the space inside the border of an element.
padding(Correct Answer)

margin

border-spacing

box-space

Select the CSS property that is used to create a transition effect between two states of an element.
transform
transition(Correct Answer)

animation

opacity

Select What does the "box-sizing" property in CSS control.

The padding and margin of an element

The border of an element

The sizing of an element including padding and border(Correct Answer)

The display type of an element

Select Which of the following CSS selectors has the highest specificity.
.class selector

#id selector(Correct Answer)

Element selector

Universal selector

Predict the CSS property 'z-index' to control visual stacking order.

The size of an element

The position of an element in the stacking order(Correct Answer)

The transparency of an element

The color of an element

Select the CSS feature that allows developers to apply different styles based on the device characteristics.
Media Queries(Correct Answer)

Flexbox

Grid Layout

Transitions

Classify CSS attribute which is used to select elements with a specific attribute value.
class

id

attribute

[attribute=value](Correct Answer)

What is the inferred pseudo-class in CSS that targets links that have been visited?
:hover

:active

:visited(Correct Answer)

:link

Summarize the purpose of the "float" property in CSS commonly used in navigation bars.
It makes the element's background color transparent.

It aligns text within the element to the left or right.

It positions the element relative to its container.

It allows elements to float to the left or right, often used for layout purposes.(Correct Answer)

Infer HTML attribute which is commonly used to specify the target destination of a link in a navigation bar.
href

target(Correct Answer)

link

destination

Select the CSS property which is commonly used to create a responsive grid layout.
flexbox(Correct Answer)

position

float

display
Identify the HTML element used for grouping together elements for styling purposes.
< section >

< div >(Correct Answer)

< span >

< header >

Compare the CSS property used to specify the width of an element.

size

width(Correct Answer)

length

dimension

Explain what the CSS property display: none; does to an element.

Makes the element invisible but still takes up space

Removes the element from the document flow entirely(Correct Answer)

Changes the font size of the element

Aligns the element to the center of its container

Illustrate the function of the CSS property float.

Aligns an element vertically within its container

Removes an element from the normal document flow(Correct Answer)

Sets the background color of an element

Positions an element absolutely within its nearest positioned ancestor

Relate what the color property defines in CSS.

The border color of an element

The background color of an element

The text color of an element(Correct Answer)

The width of an element

Summarize what does the "C" stands for in "CSS".

Cascading(Correct Answer)

Creative

Content

Color

Select the purpose of the CSS pseudo-class :hover.

Selects an element when it is being clicked

Selects an element when it is being hovered over(Correct Answer)

Selects an element when it is the first child of its parent

Selects an element when it is being focused

Show the HTML attribute used to specify additional information about an element.
style

class(Correct Answer)

id

alt

Translate the CSS property used to specify the width and height of an element into simpler terms.
Grouping

Dimension(Correct Answer)

Display

Positioning

Show the CSS property utilized for producing rounded corners on an element.
border-radius(Correct Answer)

corner-radius
round-corner

border-radius

Select the process by which CSS selectors can be grouped, in order to to apply the same styles to multiple elements.
Separate each selector with commas(Correct Answer)

Use parentheses to enclose selectors

Separate each selector with semicolons

Use square brackets to enclose selectors

Select the default value of the 'display' property for HTML elements.
inline

block(Correct Answer)

flex

outline

Identify the CSS properties via which an element can be set exactly 20 pixels from the top and 30 pixels from the left within its parent element.
position: absolute; top: 20px; left: 30px;(Correct Answer)

position: relative; top: 20px; left: 30px;

position: fixed; top: 20px; left: 30px;

position: absolute; margin-top: 20px; margin-left: 30px;

Select the CSS property that is used to specify the color of text within an HTML element.
font-color

text-color

color(Correct Answer)

text-style

Identify the CSS code snippet which can be used to select all < input > elements with the attribute type set to "checkbox".
input[type=checkbox]
input[type="checkbox"](Correct Answer)

input[type='checkbox']

checkbox[type=input]

Identify the process by which how a horizontal navigation bar can be created using CSS.
Apply float: left; to each list item.

Apply position: absolute; to each list item.

Apply display: inline-block; to the unordered list.(Correct Answer)

Apply text-align: center; to the unordered list.

Infer the actual purpose of images in web development.

To enhance image quality

To enhance the aesthetic appeal of the website(Correct Answer)

To increase image size

To apply text effects to images

Explain how to identify the appropriate CSS selector for targeting an element with a particular attribute and value.
Attribute selector(Correct Answer)

Pseudo-element selector

Descendant selector

Adjacent sibling selector

Express how you can apply different styles to links based on their state, such as hover or visited, using CSS.
Using pseudo-elements

Using attribute selectors

Using pseudo-classes(Correct Answer)

Using child selectors

Describe the common CSS technique utilized for crafting a responsive layout capable of adjusting to various screen sizes
Media queries(Correct Answer)

Flexbox

Floats

Clearfix

Select the default value for object-position that is in the center of their content box.
50% 100%

50% 50%(Correct Answer)

25% 25%

100% 100%

Identify the different three ways to design layout of Webpage

HTML Div with CSS HTML Table HTML Frameset(Correct Answer)

HTML Div with javascript Ms word Table HTML Frameset

HTML Div with CSS Excel Table HTML Frameset

HTML Div with javascript Excel Table HTML Frameset

Identify a "CSS default display property" from the options.

inline(Correct Answer)

Outline

Boarderline

Top and Buttom line

Select a CSS property that is used to set the background image of an element.
background-attachment

background-image(Correct Answer)

background-color
background-size

Select a CSS property that is used to specify the transparency of an element.

opacity(Correct Answer)

filter

visibility

overlay

Select a CSS property that is specifies the origin of the background-image.

background-origin(Correct Answer)

background-attachment

background-size

background-image

Identify the actual option that represent the possible "CSS text-align" values.
justify, center, right and left(Correct Answer)

justify, middle , right and left

justify, center, right left, up and low

None of these.

Outline which of the following is a CSS preprocessor.

HTML

JavaScript

Sass(Correct Answer)

PHP

Relate the main purpose of using a CSS pre-processor.

To write CSS in a more efficient and maintainable way(Correct Answer)

To add interactivity to web pages

To optimize images for web

To write HTML code

Outline which CSS preprocessor language is considered "Syntactically Awesome".

SASS(Correct Answer)

LESS

Stylus

SCSS

Explain the meaning of the acronym SCSS.

Structured Cascading Style Sheets

Simple Cascading Style Sheets

Sassy Cascading Style Sheets(Correct Answer)

Stylus Cascading Style Sheets

Describe the CSS preprocessor language that relies on indentation and does not necessitate semicolons or brackets.
SASS

LESS

Stylus(Correct Answer)

SCSS

Illustrate the purpose of using mixins in a CSS pre-processor.

To define reusable blocks of styles(Correct Answer)

To create animations

To manipulate the DOM

To handle form validations

Classify which of the following CSS preprocessor features allows variables to hold information that can be reused throughout a stylesheet.
Functions
Mixins

Nesting

Variables(Correct Answer)

Outline the term that refers to the process of designing the visual appearance and layout of a website.
Backend development

Frontend design(Correct Answer)

Database management

System administration

Interpret which of the following is a CSS preprocessor is similar to Stylus

Bootstrap

Less(Correct Answer)

jQuery

AngularJS

Which file extension is commonly associated with Stylus files?

.js

.html

.css

.styl(Correct Answer)

Identify the property in CSS that is used to change the background color of an element.
bgcolor

color

background-color(Correct Answer)

All of these

Identify the CSS property that is used to control the element's font-size.
text-style

text-size

font-size(Correct Answer)

None of these.

Select the CSS property that is used to create rounded corners for an element.
border-style

border-radius(Correct Answer)

border-width

border-color