WorksheetsWeb Development
Total questions: 30
Worksheet time: 15mins
A piece of a website, marked by a start tag and often closed with an end tag
website content
HTML tag
HTML element
website structure
Look at the HTML code below and predict how the headings will be displayed.
<h3> Eggs </h3>
<h1> Bacon </h1>
<h6> Waffles </h6>
Look at the list above and predict the HTML code you would use to display it correctly. Choose from the following answers.
Select the image tag that is correctly written in HTML code
Which of the following html elements contains a bug?
HTML stands for
Hypretext Markup Language
Hypertext Media Language
Hyper Text Marker Line
Hypertext Mangement List
Which web development tools would I use if I wanted my web page to have specific colors and style?
HTML
CSS
Javascript
PHP
The structure of a web page is primarily created with which of the following?
HTML
CSS
Javascript
C++
The difference between a beginning tag and ending tag is the...
/
\
;
:
A web document must have which of the following tags?(multiple choice qn)
<html>
<body>
<p>
<img>
<head>
To "style" a font in a specific type, which "property" would I use?
font-style
font-type
font-family
font-"name of font"
The structure of an html document will fall in between which tags?
<body></body>
<head></head>
<title></title>
<p></p>
Change the border size of the body or image
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;
Which tag is used to add an image?
<image>
<img>
<<img>>
</image>
What symbol should you use to target an id in css?
.
+
id
#
What is the correct syntax to change the background color with css?
background-color: purple;
background-color = "purple";
backgroundcolor=orange
change-background-color: purple
What is missing from this HTML skeleton?
<!DOCTYPE html>
<html>
<body>
</body>
</html>
<head></head>
<div></div>
<img></img>
<head>
A piece of a website, marked by a start tag and often closed with an end tag
HTML element
HTML
HTML Tag
Website structure
the exclusive legal right to print, publish, perform, film, or record literary, artistic, or musical material, and to authorize others to do the same
copyright
citation
heading
commons
Opens a paragraph in HTML
<p>
</p>
<html>
<img>
Placed at the end of your website document
</html>
<hl>
</end>
</hl>
Tells the computer what type of document its reading
<!DOCTYPE>
<HTML>
<li>
<UL>
This will make the smallest heading on the page
<h6>
<h1>
<h3>
<heading>
This is used to create a numbered list on the HTML page
<ol>
<list>
<Number>
<li>
