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.
"<html> "(Correct Answer)
">html<"
"&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
