NEW
Font size
WorksheetsWeb Design
Total questions: 27
Worksheet time: 14mins
What is an HTML element?
text or an image that takes the user to another webpage
a modifier paired with an HTML tag
a keyword surrounded by angle brackets
a webpage component that is displayed after parsing the HTML code
HTML is an acronym for ____.
How-To Model Learning
Hi-Tech Multiple Languages
Helix Type Math Learning
HyperText Markup Language
What is HTML’s main function?
to structure a website’s content
to add interactivity to a website
to style a website
all of the above
Why is it considered best practice to use CSS for formatting instead of HTML attributes?
There are more styling options available in CSS.
It keeps the code for content and styling separated.
CSS can change the stylings of a whole group of elements at once.
all of the above
CSS is an acronym for ____.
Color Sample Styles
Courseware Simple Styling
Cascading Style Sheets
Collected Style Shortcuts
Which of these is the best example of good designer practices?
Nesting refers to…
placing elements next to one another.
saving your HTML documents in a folder.
placing one element inside another.
indicating where an element ends.
How is an HTML opening tag written?
a key word inside of angle brackets
a forward slash before a key word
a standalone key word on its own line
a key word inside of quotation marks
Elements that do not require a separate closing tag are called _____.
void elements
bracketed elements
tagless elements
All elements require a separate closing tag.
What tells the browser where an element ends?
a closing tag
a line break
a DOCTYPE declaration
whitespace
A webpage’s title is displayed in which of the following locations?
a bookmark listing
a browser tab
search results
All of the above.
Which section tells the browser what version of HTML is being used?
<head>
<body>
the DOCTYPE declaration
<meta>
What is the <body> section’s purpose?
It is where you enter the title of your page.
It is where all of the page’s displayed content is placed.
It holds the webpage’s description that appears in search results.
It tells the browser which version of HTML is being used.
The <title> tag is nested inside the _____.
DOCTYPE declaration
<meta> tag
<head> tag
<body> tag
Which task is NOT handled in the <head> section?
holding the page’s description
telling search engines whether or not to list the page in search results
declaring which language the webpage is written in
listing keywords
Which example shows proper formatting of a postal address in HTML?
<p>Timothy Jones
107 Main St.
Exampletown, CA 12345</p>
Timothy Jones<br />107 Main St.<br /> Exampletown, CA 12345
<p>Timothy Jones</p>
<p>107 Main St.</p>
<p>Exampletown, CA 12345</p>
<p>Timothy Jones<br>
107 Main St.<br>
Exampletown, CA 12345</p>
Which tag is most appropriate for the underlined text below?
The Black Friday shoppers piled into the store en masse.
<b>
<i>
<em>
<strong>
Which of the following is a default behavior of a paragraph element?
It will cut off any text over five lines long.
It will dynamically redistribute text to fit the width of the page or its container.
It indents its first line.
It will be formatted exactly as it appears in your HTML code.
Which tag is needed to create this quotation?
To quote Benjamin Franklin, “A penny saved is a penny earned.”
<q>
<quote>
<blockquote>
<footer>
Which of the following is NOT a semantic reason for using header tags?
They establish a hierarchy of information.
They convey to search engines that they contain important information.
They serve as headlines to new sections or subsections of content.
They make text larger and bold.
Which of these is the best option for a file name to be linked to on the web?
world history.pdf
world-history.pdf
“worldhistory”.pdf
worldhistory!.pdf
Which HTML code will make the text "Learn Magic" link to a page called "magic-tricks.html"?
<a href="magic-tricks.html">Learn Magic</a>
<a href="Learn Magic">magic-tricks.html</a>
<a magic-tricks.html>Learn Magic</a>
<a Learn Magic>magic-tricks.html</a>
When linking users to a website outside of your domain, which target attribute is best used?
_blank
_top
_parent
_self
Which of the code excerpts below correctly links to an element with the id “awesome”.
<a href=”#awesome”>Click me</a>
<a href=#awesome>Click me</a>
<a href=../awesome>Click me</a>
<a href=”../awesome”>Click me</a>
Which symbols are used to move a relative link up a directory?
_/
_\
..\
../
Which tag represents the main idea of a web page?
<h6>
<p>
<b>
<h1>
The <hr> tag’s semantic use is to…
add a border to the bottom of a text element.
force text content down onto the next line.
make a stark division between different topics or chapters.
determine the location of a hyperlink.
