WorksheetsIST CodeHS Unit 5 Web Design Review
Total questions: 30
Worksheet time: 17mins
HTML stands for:
Hyper Text Markup Language
Hyper Text Marking Layer
Hard Texture Marking Language
Hard Technical Making Language
What is CSS used for?
Design the style of a website
Enhance the cybersecurity of a website
Add content to a website
Browse different websites on the Internet
What does an <h1> tag do in HTML?
Makes the text large and bold for a heading
Inserts a hyperlink to the website
Makes the text emphasized with italics
Inserts an image to the website
What's wrong with the HTML code below?
<p>This is a paragraph in HTML</h1>
The closing tag should be </p>
The closing tag should be <>
The opening tag should be <a>
The opening tag should be </p>
Which of the following is an example of metadata about a webpage?
The title of the webpage
An <img> tag on a webpage
The body of the webpage
A <p> tag on a webpage
What is the function of a <br> tag on a webpage?
Create a line break
Make the font bold
Change the font family
Make a row of a table
What is a correct way to make the word 'Start' have bold and italic font styles?
<p><b><i>Start</i></b></p>
<p><i>Start</i></p>
<p><b>Start</b></p>
<b><i>Stat</i></b></p>
Which of the following is correct HTML code that will make a hyperlink to google.com?
<a href="https://google.com"> Link </a>
<a ref=https://google.com>
<a>Link to google.com</a>
Click Me<a h="https://google.com">
What does the following HTML code do? <img src="picture.jpg" style="width:200px; height:200px">
Adds an image to the webpage with a width of 200 pixels and height of 200 pixels
Makes a hyperlink to an image on the web
Uses an image as a hyperlink to another website
Adds an image to the webpage with a text description of the image dimensions
What line of code typically begins an HTML page?
<html>
<title>
<head>
<body>
What is wrong with this HTML code? <img="picture.jpg" style="width:200px; height:200px">
The img tag needs a src attribute
There should be a closing tag </img>
You should not specify the style of an image element
It should use an <a> tag instead of <img>
How do you make an image into a hyperlink using HTML?
Put the hyperlink tag first, then the image tag
Put the image tag first, then the hyperlink tag
Put the hyperlink tag inside the opening image tag
Put the image tag inside the opening hyperlink tag
Which of the following are text formatting tags in HTML? Select all that apply.
<strong>
<em>
<img>
<a>
What HTML code will produce the following content?
* Red
* Green
* Blue
<ul>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ul>
<ol>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ol>
<p>Red</p>
<p>Green</p>
<p>Blue</p>
Red <br> Green <br> Blue
What hexadecimal color code is most likely to appear Green?
#00FF55
#FF0055
rgb(0, 10, 10)
#5500FF
Which tag defines a table header element in HTML?
<th>
<tr>
<table>
<li>
What does the following HTML code do?
<table>
<tr><th>N</th><th>%</th></tr>
<tr><td>100</td><td>55</td></tr>
</table>
Creates a table on the webpage with no border, header row with N and %, and a row of data with 100 and 55
Creates a table on the webpage with a normal border width 1, header row with N and %, and another header row with 100 and 55
Creates a table on a webpage with 4 data values in a single row
Creates an ordered list on a webpage with values of N, %, 100, and 55
Which of the following contents might be best represented on a webpage using a table element?
A set of cat photos
A calendar for the month of March
A menu for a local restaurant
A set of dictionary entries
Which of the following are style properties that can be edited in HTML using the style attribute? Select all that apply.
color:
background-color:
size:
href:
All of the following are good ways to specify a blue font color in HTML, EXCEPT for:
color:Blue
color:rgb(0,0,200)
color:#0044BB
color:0R,200B,10G
What is a correct way to specify a font family of Arial for all paragraph elements using a CSS rule?
p{
font-family:Arial;
}
h1{
font-family:Arial;
}
p{
font-style:Arail
}
<h1 style="font-family:Arial;">
What type of CSS selector is the most specific? In other words, what CSS rule overrides any other rules in case of conflict?
Select by ID
Select by Class
Select by Tag
body{
style=override;
}
How do you make a CSS rule for a class named 'alert' and set the font color to Red?
.alert{
color:Red;
}
#alert{
color:Red;
}
alert{
color:Red;
}
@alert{
color:Red;
}
What will the following CSS rules do?
h2{ color:Blue; }
.subtitle{ color:Green; }
All the h2 tags will be blue font and all the subtitle tags will be green font
All the h2 tags will be blue font unless they are labeled with a subtitle class. All elements labeled with a subtitle class will be green font
All the elements with the class subtitle will be green font except for the h2 tags
The webpage background color will be a mixture of blue and green
CSS Rules are specifically placed in the HTML tag called:
<html>
<style>
<body>
<title>
What is the decimal value of the binary number: 10001
17
11
9
10001
What is the correct binary form of the hexadecimal code: B6
1011 0110
1010 0101
1111 1111
1011 0111
Which color code is most likely produce MediumPurple?
rgb(190,0,190)
rgb(100,100,0)
rgb(0,200,200)
rgb(0,0,255)
In HTML, what does the <title> tag do?
Inserts text under an image to indicate the filename of the image
Defines all the metadata for the website
Makes a large bold text heading at the top of the webpage
Places text and an icon in the new tab at the top of the web browser
