HTML CODE
What will this code display?
<h1>Welcome</h1>
A large heading displaying Welcome.
Which tag creates a bulleted list?
<ul>
Which tag creates a hyperlink?
<a>
Which CSS property changes text color?
color
Find the error:
<h1>Welcome<h2>
The closing tag should be </h1>.
<h1>Welcome</h1>
Complete the code:
______Hello World______
You need to create a paragraph.
<p>Hello World</p>
Which tag creates a numbered list?
<ol>
Which attribute tells the browser where the hyperlink should go?
href
What does this code change?
body {
background-color: blue;
}
The background color of the body/page.
Find the error:
<a href="home.html">Home<a>
The closing </a> is missing.
Correct:
<a href="home.html">Home</a>
Which code correctly creates a line break?
A
<break>
B
<br>
C
<line>
D
<lb>
B — <br>
Complete the code:
<ul>
______Tiger______
______Lion______
______Jaguar______
</ul>
<ul>
<li>Tiger</li>
<li>Lion</li>
<li>Jaguar</li>
</ul>
Complete:
<a ______="about.html">About Us</a>
href
What is wrong with this CSS?
h1 {
color blue;
}
The colon : is missing.
Correct:
h1 {
color: blue;
}
Find the error:
<img source="flower.jpg" alt="Flower">
source should be src.
Correct:
<img src="flower.jpg" alt="Flower">
What is the output of this code?
<h1>My Website</h1>
<hr>
<p>Welcome to my website.</p>
A large heading, followed by a horizontal line, followed by a paragraph.
Find the missing attribute:
<img ______="tiger.jpg" alt="Tiger">
src
Correct code:
<img src="tiger.jpg" alt="Tiger">
What page will open when this is clicked?
<a href="lions.html">Lions</a>
lions.html
Write CSS that makes all paragraphs:
p {
font-size: 18px;
font-family: Arial;
}
Find the error:
<link rel="stylesheet" src="style.css">
The attribute should be href, not src.
Correct:
<link rel="stylesheet" href="style.css">
The unit shows this exact structure for linking an external stylesheet.
Find the error:
<h1>My Website<h1>
The closing tag is incorrect.
Correct:
<h1>My Website</h1>
A student writes:
<img src="tiger.jpg" alt="Tiger" width="400">
The image does not appear.
Give one possible reason.
The image file may not actually be named tiger.jpg, may not be in the correct folder, or the src path may be incorrect.
The presentation identifies src as the image source file and explains that the image source must point to the correct file.
Your website contains these files:
index.html
tigers.html
lions.html
Write the HTML code that creates a Tigers link on index.html.
<a href="tigers.html">Tigers</a>
The presentation describes href as the destination of the hyperlink and the text between <a> and </a> as the clickable link text.
Write CSS that gives the webpage:
body {
background-color: lightblue;
color: black;
font-family: Arial;
}
The unit's CSS examples include background-color, color, font-family, and font-size.
A student has:
index.html
style.css
Their HTML contains:
<head>
<link rel="stylesheet" href="styles.css">
</head>
The CSS is not working.
What is the problem?
The filename doesn't match.
The actual file is:
style.css
but the HTML is looking for:
styles.css
Correct:
<link rel="stylesheet" href="style.css">