Font size
WorksheetsWEB DESIGN | Practice 6
Total questions: 40
Worksheet time: 23mins
What is a text editor?
A computer program lets a user enter, change, store, and usually print text
A software with sophisticated built-in capabilities and specific functionalities designed to ease and speed up the process of editing code
A program designed specifically for editing source code of computer programs
A software is designed specifically to help developers with coding
What is a code editor?
A computer program that lets a user enter, change, store, and usually print text
A program is used by programmers and web developers to write and edit code
A program is used to write and edit text
A simple computer program allows users to create, change, or edit plain text files
What is the Visual Studio Code used for?
Coding in any programming languages
Editing pictures and videos
Creating and editing documents
Listening to music
Choose a software that is not a web editor
Atom
Notepad++
Sublime
IrfanView
Adobe Dreamweaver
Look at the picture of how popular developer types are in StackOverflow Survey 2021. People holding full-stack developer roles are the most prevalent. What is your dream job?
Full-stack developer (who can develop both client and server software)
Back-end developer (who builds and maintains the mechanisms that process data and perform actions on websites)
Front-end developer (who creates websites and applications using web languages such as HTML, CSS, and JavaScript)
Developer
None of these
Look at the picture of how popular programming, scripting, and markup languages are in StackOverflow Survey 2021. Choose your favourite languages?
JavaScript
HTML/CSS
C++
C#
None of these
Look at the picture of how popular code editors/IDEs are in StackOverflow Survey 2021. Choose your favourite softwares?
Visual Studio Code
Visual Studio
Notepad++
Sublime Text
None of these
_____is a software application that provides comprehensive facilities to computer programmers for software development. An _____ normally consists of at least a source code editor, build automation tools and a debugger.
IDE
Code editor
Debugger
Compiler
______ is the software that is designed specifically to help developers in coding. These are actually the text editors with some additional functionalities to manage and edit code.
Debugger
Text editor
Code editor
IDE
A general term for various code editing features including: code completion, parameter info, quick info, and member lists.
A software application helps programmers develop software code efficiently.
Applications facilitate the development of other applications
A product of Intel Company
<ul>, <ol>, <li> are block-level elements (always starts on a new line). Look at the picture. Which CSS can transform a vertical list into a horizontal list?
li {
display: inline;
}
li {
float: left;
}
li {
display: block;
}
ul {
display: inline;
}
li {
display: inline-block;
}
How to change background color when you mouse over an a tag?
a:hover {
background-color: yellow;
}
a::hover {
background-color: yellow;
}
a.hover {
background-color: yellow;
}
a#hover {
background-color: yellow;
}
How to make the last item in the list right align?
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li style=" (a) "><a href="#about">About</a></li>
</ul>
Given the CSS:
border: 1px solid #000;
Which of the following is the result?
Given the CSS:
border: 1px solid #ccc;
border-radius: 16px;
Which of the following is the result?
Look at the picture. How to make navigation bar stay at the top of the page?
ul {
position: fixed;
top: 0;
}
ul {
position: fixed;
bottom: 0;
}
ul {
position: absolute;
top: 0;
}
ul {
position: sticky;
}
ul {
position: relative;
}
Which of the following is the correct CSS that makes the table look like the picture?
table, th, td {
border: 1px solid black;
}
table {
border: 1px solid black;
}
th, td {
border: 1px solid black;
}
table, td {
border: 1px solid black;
}
Which of the following is the result of given HTML code (without any CSS)?
Which of the following is the attribute to show an ordered list with uppercase roman numbers?
type="I"
type="1"
type="A"
type="i"
type="l"
Apart from <i> tag, which of the following tag is used to render a text in italics?
<em>
<strong>
<b>
None of these
What are the types of unordered lists in HTML?
Circle, square, disc
Triangle, square, disc
Triangle, circle, disc
All of these
<h10> is the largest header in HTML.
True
False
Which of the following is the correct way to define a JavaScript function?
function _abc { }
function $abc { }
function 1abc { }
function #abc { }
Which one is the Class selector in CSS ?
*
#
.
all of the above
Which HTML tag pair is used to specify table headings?
<td> </td>
<th> </th>
<head> </head>
<tr> </tr>
When we design a website, we make sure that users can view it on their mobile or tablet devices now that it is a commonly used tool. What principle is this in web design?
Minimalism
Mobile-Friendliness
Display
Color Scheme
Look at the HTML code below and predict how the headings will be displayed.
<h3> Eggs </h3>
<h1> Bacon </h1>
<h6> Waffles </h6>
The elements <DIV> and <SPAN> have the following characteristics
Element <DIV> inherits properties defined for <SPAN> in a stylesheet
<DIV> is used inside element <P>.
<DIV> and <SPAN> are used as alternatives for the element <P>
Elements <SPAN> and <DIV> define content to be inline or block-level
What is the correct HTML for making a text input field?
<textfield>
<input type="textfield">
<input type="text">
<textinput type="text">
What is the correct HTML for making a checkbox?
<input type="check">
<checkbox>
<input type="checkbox">
Part of a CSS rule-set that defines which HTML elements the style should be applied to
CSS Selector
CSS
HTML
CSS Class
The web developer wants to make the "My Page" text larger. Which TWO of the following would work? (Click on image to make it larger)
Use <h6> instead of <h3>
Use <h1> instead of <h3>
Put the "My Page" text inside the tags.
Use CSS to set the font-size property of the h3 tag
Put the code `style="larger"` inside the h3 tag.
Consider the following for a specific paragraph: external style for <p> is green; internal style is blue; and inline style is red;
What will be color of the <p> content?
green
blue
red
black - default
What code in the stylesheet could have made the text in p tag green?
Who focuses on look and feel of a website?
A web developer
A web designer
A teacher
A student
My website is not very interesting, I will add good _______.
CSS
web development
content
usability
Which is an example of an CSS Element Selector?
#title
.title
h1
h1.title
Identify the CSS Selector Below
#crown {......}
ID Selector
Class Selector
Element Selector
Grouping Selector
Which is an example of an CSS Element AND Class Selector?
#title
.title
h1
h1.title
