Font size
Worksheetsmidterms in web design
Total questions: 68
Worksheet time: 34mins
What does HTML stand for?
Hyper Tremendous Movie Lines
Hyper Text Markup Language
Hey Thanks for Making me Late
<h1> is an example of a _______.
Headline Tag
Paragraph Tag
filename
<p> is a _______ tag.
image
paragraph
filename
Web pages starts with which of the following tag?
<form>
<HTML>
<body>
<Title>
Choose the correct HTML element for the largest heading:
<head>
<h1>
<heading>
<h6>
HTML controls the _________ of a webpage.
feel
precision
structure
style
<p> is the opening tag for a _____________
page
paragraph
preorder
period
What defines the beginning and ending of the visible part of a webpage?
<head> main part of the document </body>
<body> main part of the document </html>
d) </body> main part of the document <html>
<body> main part of the document </body>
Which character is used to indicate an end tag?
!
#
/
\
Which of the following is the proper format for an HTML tag?
>h1<Content Affected by Tag >/h1<
<h1>Content Affected by Tag<h1>
<h1 Content Affected by Tag />
<h1>Content Affected by Tag</h1>
What is the correct HTML element for inserting a line break?
<lb>
<BREAK>
<br>
<break>
Which set contains all of the DEFAULT tags needed to create a webpage?
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<main>
</main>
</body>
</html>
<html>
<head>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
<!DOCTYPE html>
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Choose the correct HTML element for the largest heading:
<head>
<h1>
<heading>
<h6>
<p> is the opening tag for a _____________
page
paragraph
preorder
period
What defines the beginning and ending of the visible part of a webpage?
<head> main part of the document </body>
<body> main part of the document </html>
d) </body> main part of the document <html>
<body> main part of the document </body>
What is the correct syntax for defining a hyperlink in HTML?
<a href=”url”> Link text </a>
<a href=”url”> Link text <a>
<a=”url”> Link text <a>
<ref=”url”> Link text <a>
How can you make a list that has no particular order?
<ol> </ol>
<ul> </ul>
<ol> <li>
<li> </ul
You need a closing tag for an image without text
True
False
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>
The "href" of an anchor tag and the "src" of an image tag are both examples of an
(a)
Where does the content of the <title> element show up in the browser?
At the top of the page.
In the browser tab.
It's metadata, so it doesn't show up.
At the bottom of the page.
What tag adds an image to the page?
<image>
<pic>
<img>
Which of the following are inline elements?
<span>
<p>
<h1>
<em>
<div>
"/images/portrait.png" is an example of a(n) _______ url.
relative
absolute
This tag tells the computer this is a document written in HTML.
<p>
<!DOCTYPE html>
<h1>
<html>
This tag indicates the beginning of your code written in HTML.
<li>
<!DOCTYPE html>
<html>
</html>
This tag contains information about your webpage, also called the metadata.
<head>
<header>
<title>
<body>
This tag contains all the main contents of your webpage.
<body>
<head>
<contents>
<p>
These tags define the start & end of a paragraph. Paragraphs are blocks of text on your web page.
<p>
<P>
</p>
<h1>
This tag defines a heading at the smallest size.
<h6>
<h2>
<h7>
<h1>
This tag defines a heading at the largest size.
<h1>
<h20>
<h3>
<h2>
HTML stands for...
(a)
This file name is used for the main page of your website.
main.html
index.html
start.html
mysite.html
Which of the following is not a heading tag?
<h7>
<h1>
<h2>
<h4>
A piece of a website, marked by a start tag and often closed with an end tag.
HTML Element
HTML Object
HTML Piece
HTML Tag
Match the correct end tag...
<p>
<p/>
<\p>
</p>
</P>
Match the correct end tag...
<body>
</body>
<\body>
</BODY>
<body/>
This is a title or summary for a document or section of a document.
Heading
Paragraph
Mini-title
Header
This tag can be used to break line of text (move to a new line) inside a paragraph.
<br>
<break>
<bl>
<nl>
This tag defines an element of a list.
<li>
<el>
<ol>
<ul>
Fill in the blank to complete the line of code for inserting an image
< ___ src = "image.jpg">
image
picture
igm
img
Which of the following comments describes the purpose of CSS?
Controls the appearance of the webpage.
Lays out the content of the webpage.
Ensures a webpage is secure.
Helps the webpage refresh.
True/False! HTML controls how a webpage's content is laid out.
True
False
Which of the following tags is used for title?
<p></p>
<header></header>
<h1></h1>
<b></b>
Which of the following is not a good rule of thumb for designing a webpage?
Appropriate sized images.
Contrasting background & font colours.
Include a font enlarger.
Matching background & font colours.
Fill in the blank for the html code to create a link:
< a _____="https://www.w3schools.com/">Visit W3Schools.com!</a>
link
href
ref
webpage
Which of the following examples of HTML code creates the following:
Mr Coleman teaches computing.
<p><i>Mr Coleman teaches computing.</i></p>
<p><i>Mr Coleman teaches <ul>computing.</ul></i></p>
<p><i>Mr Coleman teaches <u>computing.</u></i></p>
Which of the following matches the output from the HTML code below?
<p><u>Hello <i>there<i><u><p>
Hello there
Error
Hello there
Hello there
Which of the following is needed to insert a YouTube video?
Embedded Link
Embedded Code
Embedded Video Address
Embedded URL
Why won't this line of HTML code work?
<p><b>Hello Year 8<p><b>
You need to use {} instead of <>
8 needs to be spelled in letters like eight
No / in the end tags
Which of the following isn't a good design rule when making a website
Use text & background colours that are different e.g. red & white
Bold and underline important information
Alter image sizes so that they fit the webpage
Make the text as small as possible
Use the options to fill in the blank space.
<img src = "__________">
TURTLE.JPG
Turtle.jpg
turtle.jpg
turtle jpg
What is missing from the following piece of code?
<img ___ = "turtle.jpg">
scr
source
rce
src
What is HTML?
HyperText Markup Language
HighTower Makeup Language
Plain Text on Documents
Expensive Types of Candy
What is the purpose of HTML?
To control space and time
To create webpages
To confuse and infuriate users
To provide Webpage security
Select the tags below:
<body>
/body
<p>
<img>
Which tag is used to display/contain all things shown on the webpage?
<body>
/body
<p>
<img>
Which tag is used to display images on webpages?
<body>
/body
<p>
<img>
Which answer is not a tag?
<body>
/body
<p>
<img>
Which tag is an end tag?
<body>
</body>
<p>
<img>
Which tag is used to display a heading such as "Welcome to my Webpage?"
<body>
<img src = >
<head>
<h1>
Which tags are used to create a paragraph?
<body></body>
<img src = ></img>
<p></p>
<h1></h1>
Identify the tags that contain attributes. Select all that apply.
<body bgcolor = >
<img src = >
<head>
<h1 align =>
What is CSS?
Cats Seeking Shelter
Cascading Style Sheets
Campers Sleeping Silently
Code Syncing Selectors
What does CSS do to webpages?
It adds more HTML to the website automatically
It makes coding HTML harder and is not worth it
It makes the page look 'Hot'! Adding pleasing visual features to websites
Removes all interesting elements from the webpage
What language is used to define the structure of a webpage?
HTML
CSS
JavaScript
French
What language is used to add style to a webpage?
HTML
CSS
JavaScript
French
What language is used to add style to a webpage?
HTML
CSS
JavaScript
French
