Font size
WorksheetsQuiz 11-8-2023
Total questions: 155
Worksheet time: 2hrs 30mins
This tag helps spot the area on the page that contains navigation links. This can be at the top of your page, on the side of your page or at the bottom. Where-ever you have navigation links.
header
nav
section
article
What does a browser ignore? (Select all that is applicable)
Multiple character spaces (white space)
Line breaks (carriage returns)
Tabs
Unrecognized markup
Browsers need markup to display content correctly.
True
False
Markup makes content elements not available to scripts and style rules.
True
False
This is the element name enclosed in angle brackets (e.g.
in <p>, the element name is p)
Tag
Empty Element
Block Element
Inline Element
The content and its markup (start and end tags).
Tag
Element
Block Element
Inline Element
Some elements have no content and provide a simple directive. They are called _____ elements.
Element
Empty Elements
Inline Elements
Block Elements
Are instructions that clarify or modify an element.
Attribute
Value
Characteristics
Entity
There can be more than one attribute in a tag.
True
False
In an attribute, its value might be a number, word, string of text, URL, or measurement.
True
False
Putting elements inside other elements is called _______.
Nesting
Looping
While Loop
For Loop
How do you leave a comment in HTML?
By using #
By using //
By using <!-- and -->
By using /* and */
This lets browsers know that the document is written according to the HTML5 specification.
<!DOCTYPE html>
<html>
<head>
<body>
This element is the root element that contains all the elements in the document.
<!DOCTYPE html>
<html>
<head>
<body>
This element display in the browser tab and bookmark lists, and are used by search engines.
<!DOCTYPE html>
<html>
<head>
<body>
The way elements relate to one another forms an outline-like structure is called ______.
DOM (Document Object Model)
Semantic markup
Semantic Object Model (SOM)
Document markup
These elements are major components of the page that display like rectangular blocks stacking up on the page.
Block Elements
Inline Elements
Markup Elements
Attribute Elements
These elements appear within the text flow of a block element
Block Elements
Inline Elements
Markup Elements
Attribute Elements
Presentation is controlled by style sheets (CSS).
True
False
Browsers do not have have their own style sheets (user agent style sheets) with default styles for HTML elements
True
False
Which is an example of an opening tag? (Select all that are applicable)
<h1>
</p>
<body>
</a>
Which is an example of a closing tag? (Select all that are applicable)
</h6>
</html>
<head>
<body>
Based on the minimal document structure, the correct sequence of HTML tags for starting a webpage is
Head, Title, HTML, Body
HTML, Body, Title, Head
HTML, Title, Body, Head
HTML, Head, Title, Body
Which symbol identifies a closing tag?
<>
/
()
\
This is an example of an empty element
<br>
<h1>
<p>
<em>
An attribute is composed of a ____ and ____.
Attribute Name
Value
Entity
Attribute Characteristic
................ is a markup language used by the browser to manipulate text, images, and other content, in order to display it in the required format.
HTML
CSS
JAVASCRIPT
PHP
This is called the HTML root element. All other elements are contained within it.
<title>
<head>
<body>
<html>
There are six heading tags.. <h1> to <h6>. Which tag display the text with largest font size.
<h1>
<h6>
This tag help to display the
•Text is formatted exactly as typed
•Can be used for simple tables
Can be used as a substitute for tabs
<pre>
<per>
<format>
<exact>
Which of these html code is a correct reference to embed an image inside a web page
<img> src="wipro.gif“ width="144" height="50"</img>
<img source="wipro.gif“ width="144" height="50">
<img src="wipro.gif“ width="144" height="50">
<image> source = wipro.gif width =144 height=50 </image>
Text area is a multiple line text input control which allows user to provide a description or text in multiple lines. A Text area input control is created using which of the following code
<textarea> row = 5, cols=50, name="Description" id="Description" </textarea>
<textarea rows="5" cols="50" name="Description" id="Description"></textarea>
<text rows="5" cols="50" name="Description" id="Description"></text>
The ...................tag in HTML provides information about HTML Document or in simple words, it provides important information about a document.
<info>
<htmlmeta>
<meta>
<doc>
Which of these is an example for HTML 5 Semantic elements?
<section>
<nav>
<figure>
<header>
ALL OF THE ABOVE
Which of these are the types of HTML list
unordered List
ordered list
definition list
nested list
ALL OF THE ABOVE
<map> and <area> are some the tags that are associated with .............tags
<meta>
<image>
<link>
none of the above
Provides the source reference to display an image
<link>
<input>
<img>
Additional information provided for search engines or other applications.
<img>
<link>
<meta>
Designates the relationship between a document and an external resource
<link>
<form>
<img>
Creates a stand-alone, indented paragraph identifying content quoted from another source
<style>
<blockquote>
<li>
Used to divide webpage content into obvious sections
<div>
<html>
<blockquote>
Adds semantic emphasis. Displays as italics by default in most browsers and readers.
<meta>
<link>
<em>
<form>
Semantic elements = elements with a meaning.
True
False
Examples of non-semantic elements: <div> and <span>
True
False
th
one cell in a row of headers
one data cell
one row of headers
one column of headers
tr
one column on the right
one cell in a table
one row of anything
one column of anything
td
one cell in a header
one column of a row
one row of a column
one data cell in a row
caption
can be set only for header rows
can be set for each row
will appear at the top of table
will appear at the bottom of a table
td and th
can appear only in rows
cannot be used in rows
can be used outside of rows
can be used outside of columns
colspan
can only be used in caption
can be used only in td
can be used only in td or th
be be used only in tr
rowspan
can only be used in caption
can be used only in td
can be used only in td or th
be be used only in tr
The closing table tag is
</close>
</caption>
</table>
<table>
The opening caption tag is
<table>
<caption>
<tblcaption>
<figcaption>
rowspan="2"
one td or th spans 2 columns
all td or th spans 2 columns
one td or th spans 2 rows
one tr spans 2 rows
How do you create a table in HTML?
Use an image
Use the <pre> tag.
With the <table> tag along with various heading tags <th>, table row tags <tr>, and table data tags <td>.
Don’t know
What is a rowspan?
An attribute that is used with <th> or <td> element to horizontally span two or more columns.
An open-source and front-end framework that contains HTML and CSS design templates.
An attribute that is used with <th> or <td> element to vertically span two or more rows
This is an element that we used on every website
What is a colspan?
An attribute that is used with <th> or <td> element to horizontally span two or more columns.
An open-source and front-end framework that contains HTML and CSS design templates.
An attribute that is used with <th> or <td> element to vertically span two or more rows
This is an element that we used on every website
What is a Bootstrap?
An attribute that is used with <th> or <td> element to horizontally span two or more columns.
An open-source and front-end framework that contains HTML and CSS design templates.
An attribute that is used with <th> or <td> element to vertically span two or more rows
This is an element that we used on every website
What is padding?
An Attribute that identifies the number of table rows a single cell can occupy
A property used to manipulate the amount of space between cell content and the cell's inner border
A property used to manipulate the amount of space between borders of adjacent table cells
A property that determines how far the table or cell will extend horizontally across the page
What is border-spacing?
An Attribute that identifies the number of table rows a single cell can occupy
A property used to manipulate the amount of space between cell content and the cell's inner border
A property used to manipulate the amount of space between borders of adjacent table cells
A property that determines how far the table or cell will extend horizontally across the page
What is the width which is used in HTML Tables?
An Attribute that identifies the number of table rows a single cell can occupy
A property used to manipulate the amount of space between cell content and the cell's inner border
A property used to manipulate the amount of space between borders of adjacent table cells
A property that determines how far the table or cell will extend horizontally across the page
What are the start tag and end tag codes for the table header?
<table></table>
<th></th>
<header></header>
<th/>
What are the start tag and end tag codes for the table data?
<td></td>
<data></data>
<table></table>
<td/>
What are the start tag and end tag codes for the table row?
<row></row>
<table></table>
<tr></tr>
<tablerow></tablerow>
What is a table caption?
Creates a table. Contains all other table elements.
Adds a caption or title, which appears above the table by default.
Contains all data for a table row
Designates table cell contents. By default, the data is left-justifed.
What is a table row?
Creates a table. Contains all other table elements.
Adds a caption or title, which appears above the table by default.
Contains all data for a table row
Designates table cell contents. By default, the data is left-justified.
What is table data?
Creates a table. Contains all other table elements.
Adds a caption or title, which appears above the table by default.
Contains all data for a table row
Designates table cell contents. By default, the data is left-justified.
What is a table?
Creates a table. Contains all other table elements.
Adds a caption or title, which appears above the table by default.
Contains all data for a table row
Designates table cell contents. By default, the data is left-justified.
What is a table header?
Creates a table. Contains all other table elements.
Typically designates cells in the top row or left column. By default, text in a header cell will appear bold and centered.
Contains all data for a table row
Designates table cell contents. By default, the data is left-justified.
True or False?
A table border will always appear whenever a table is being created.
True
False
True or False?
Border-Collapse Collapses the borders of adjacent cells into a single border instead of separating them.
True
False
Which is the proper way to write an h1 tag
<h1>Hello</h1>
<h1>"Hello
{h1}Hello{/h1}
<h1>Hello<h1>
Which code below is correct for a hyperlink
<a>
"https://google.com"
Click Me
</a>
<a>Click Me>
"https://google.com"
</a>
<a herf="https://google.com">
Click Me
</a>
<a href="https://google.com">
Click Me
</a>
Which of the following contains a nested list
<ul>
<li>Apples</li>
<li>Cookies</li>
<li>Milk</li>
</ul>
<ul>
<li>Apples</li>
<li>
Cookies
<ul>
<li>Chocolate Chip</li>
<li>Peanut Butter</li>
</ul>
</li>
<li>Milk</li>
</ul>
What is an attribute ?
additional informations about elements
keywords which defines that how web browser will format and display the content.
Set the color of the border
border-style
border-width
border-color
width
To create a dotted border around the page
border-style
border-width
border-color
width
sets the element to one side of the page
margin
width
float
height
sets the color of words in a paragraph
h1 {
color: pink;
}
img {
color: pink;
}
body {
color: pink;
}
p {
color: pink;
}
Select the rule set to make all the text in your web page blue and centered.
p {
color: blue;
}
body {
text-align: left;
color: blue;
}
p {
text-align: center;
color: blue;
}
body {
text-align: center;
color: blue;
}
Which selector will change the font of the text?
font-size
text-align
font-famiy
text-decoration
Which rule set would change the font size to 24?
font-size: 24
size: 24;
font-size: 24;
font size: 24;
What is the correct syntax to change the background color with css?
background-color: purple;
background-color = "purple";
backgroundcolor=orange
change-background-color: purple
TRUE OR FALSE: HTML is used to style web pages.
True
False
How do you change the font color with CSS?
font-color: green;
color: green;
change-font-color: green;
fontcolor=green;
Where should you put the link tag to connect your CSS and HTML file?
Between the <head> </head> in HTML
Between the <body> </body> in HTML
None of the above.
Which of the following is the correct CSS link tag?
<link rel="styles" href="stylesheet.css">
<link href="stylesheet">
<link rel="stylesheet" src="styles.css">
<link rel="stylesheet" href="styles.css">
Which three code fragments define an HTML input control?
<input type = "combobox">
<input type="optionbutton">
<input type="url">
<input type="tel">
<input type="search">
Which HTML5 code fragment shows a way to validate numeric input as having a value from 1 to 100, inclusive?
<input type="num" min="1" max="100">
<input type="positive" limit ="100">
<input type="number" low="1" high="100">
<input type="number" min="1" max"100">
Which two tags are used with the HTML5 TABLE element?
<body>
<tfoot>
<td>
<head>
In HTML5, the autofocus attribute:
defines the cursor location when a form is first accessed.
controls the movement between fields in a form
adds a default value to the field in a form.
enables one field and disables all others.
Which two HTML5 tags format text content only?
<map>
<strong>
<canvas>
<em>
Which two semantic tags are used to define layouts in HTML5?
<footer>
<head>
<progress>
<section>
Which three components define the URL used for localStorage data in HTML5?
scheme
user credentials
hostname
unique port
query
Which attribute prefills a default value for an input element in HTML5?
name
placeholder
autocomplet
required
Which tag is used to create a drop-down list in HTML5?
<ul>
<select>
<datalist>
<dd>
Which HTML5 tag is used to display text with a fixed-width font and preserves both spaces and line breaks?
<area>
<hr>
<pre>
<strong>
Which HTML5 tag defines superscript text?
<small>
<script>
<sup>
<sub>
What is the correct HTML for adding a background color?
<body style="background-color:yellow;">
<background>yellow</background>
<body bg="yellow">
Each row within a table begins with a ____ tag.
<td>
<tr>
<tc>
<tb>
The border color of a table cannot be changed.
true
false
Which of these elements are all <table> elements?
<table><tr><td>
<thead><body><tr>
<table><tr><tt>
<table><head><tfoot>
How can you make a numbered list?
<ol>
<ul>
<dl>
<list>
What is the correct HTML for making a checkbox?
<input type="checkbox">
<input type="check">
<checkbox>
<check>
The <th></th> is the code for _____.
table header
table house
table high
The _____ is used in form for a single line of input.
Text area
Text field
Text box
There are two kinds of basic lists when it comes to HTML, what kind of list would the following code produce?
<ul>
<li>Chair</li>
<li>Table</li>
<li>Food</li>
<ul>
Ordered list
Unordered list
Uniformed list
Nested list
What is a rowspan?
An attribute that is used with <th> or <td> element to horizontally span two or more columns.
An open-source and front-end framework that contains HTML and CSS design templates.
An attribute that is used with <th> or <td> element to vertically span two or more rows
This is an element that we used on every website
What is a colspan?
An attribute that is used with <th> or <td> element to horizontally span two or more columns.
An open-source and front-end framework that contains HTML and CSS design templates.
An attribute that is used with <th> or <td> element to vertically span two or more rows
This is an element that we used on every website
True or False?
A table border will always appear whenever a table is being created.
True
False
It is a type of table that can be inserted in HTML page that uses only standard word processing characters
text table
graphical table
It is a type of table that can be inserted in HTML page that allows you to control the size of tables cells, rows, columns and alignment of
text table
graphical table
It is a tag that identifies the start and ending of the table structure.
<tb></tb>
<tr></tr>
<table></table>
<td></td>
It is used to indicate for table row.
<td>
<tr>
<table>
<th>
It is a tag that indicates the presence of individual table cells.
<td>
<tr>
<th>
<table>
It is a tag that is most often used for column headings, but you can use it for any cell that you want to contain centered boldfaced text
<tr>
<th>
<td>
<tb>
what does the value in the syntax below means?
<table border=“value”>
width of border
color of the border
height of the border
distance of border to text
It is an attribute that controls the amount of space inserted between table cells
table border
cell spacing
cell padding
table gridlines
It is a tag used to control the space between the table text and the cell borders,
cell border
cell spacing
cell padding
cell color
It is an attribute that allows you to determine which sides of the table will have borders
cell padding
cell spacing
frames
gridlines
Which of the following is NOT an attribute that is used to align text in table.
left
right
center
bottom
is a cell that occupies more than one row or column in a table.
border cell
cell spacing
spanning cell
cell alignment
A background image can be applied to the entire table, to a single row or to an individual cell.
true
false
It is a tag used to group columns
<colgroup>
<columnGroup>
<colGrp>
<columngrp>
To change the size of the table text, you need to insert a <font> tag into each cell.
true
false
Why won't this navigation link page work?
The href link should be "Foods.html"
The end tag should be <a> not </a>
The "Foods" page hasn't been made active
The link should be <a href = "Foods.html"
Why won't the following anchor tag work?
<a href=https://www.google.com/>click here</a>
The link is incorrect. it should be ref, not href
The URL is missing quotation marks
There is no anchor tag in the code
The href is missing a closing tag
Which attribute contains the URL to a linked web page?
href
type
src
name
Which of the following is the closing tag for a hyperlink?
</a>
</a href>
</link>
</hyperlink>
WHAT IS HYPERLINK?
a link that can translate to other types of documents
a remover of the potential customer from the page
a reference to data that the reader can follow by clicking or tapping
WHICH ONE IS AN EXAMPLE OF HYPERLINK?
https://www.walmart.com/
htps://www.microsoft.com/
htps:/www.amazon.com/
WHAT IS A HYPERTEXT?
I don´t know
the text that is linked from is called anchor text
a hyperlink that is located in a text
WHAT IS THE FUNCTION OF HYPERLINK?
generate links with industry authorities
optimize the user experience
it is a direct link from one hypertext document to another
Is an email a type of link?
True
False
Use an HTML element to add quotation marks around the letters "cool".
<p>
I am so <q>cool.</q>
</p>
<p>
I am so <">cool.</">
</p>
The text below should be a quoted section.
Add the proper HTML element to it, and specify that it is quoted from the following URL:
http://www.worldwildlife.org/who/index.html
<q title="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.</q>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.</blockquote>
Change text direction.
Make the text below go right-to-left.
<change dir="rtl">What a beautiful day!</change>
<bdo dir="rtl">What a beautiful day!</bdo>
The letters "WHO" in the text below is an abbreviation of "World Health Organization".
Use an HTML element to provide the specified abbreviation of "WHO".
<p>
The <ab tooltip="World Health Organization"> WHO</ab> was founded in 1948.
</p>
<p>
The <abbr title="World Health Organization"> WHO</abbr> was founded in 1948.
</p>
The following HTML makes the text inside a quote.
<q>This is a quote.</q>
True
False
(Bern and Mason 2017) suggest that....
Is it a correct citation?
Yes
No
It is obligated to include the URL into reference list of ALL online resources?
Right or wrong?
Wrong
Right
We need quotation marks for quotations of more than 30 words.
Is it correct?
Yes
No
Journal article reference:
Putin, V 2018, ‘Recent developments in Russian statistics’, International Research, vol. 42, no. 3, pp.18-27.
You must include all the pages of the article in your reference. True or false?
true
false
Youtube 2017, ‘Taylor Swift breaks record for most views in 24 hours’, Youtube Trend, blog post, 30 August, viewed 7 March 2018, <http://youtube-trends.blogspot.com/2017/08/taylor-swift-breaks-record-for-most.html>
The post was born in
2017
2018
