Supercharge Session 2 (HTML Basics)
Call Kai
Learn
Practice Test
Spaced Repetition
Match
Flashcards
Knowt Play1/11
Earn XP
Name | Mastery | Learn | Test | Matching | Spaced | Call with Kai |
|---|
No analytics yet
Send a link to your students to track their progress
12 Terms
Emphasize the word Don't on this webpage using the <em> tag.
<!doctype html>
<html>
<body>
<p>Don't panic!</p>
</body>
</html><!doctype html>
<html>
<body>
<p><em>Don't</em> panic!</p>
</body>
</html>Result: dont panic!
Incorrect Result: dont panic!
PAY ATTENTION to the directions Trinity. You almost emphasized ‘dont’ AND ‘panic’ last time.
Okay
please also pay attention to line breaks within paragraphs. that was a common mistake.
Okay
WRONG:
<!doctype html>
<html>
<body>
<p> Two roads diverged in a wood, and I,</p> I took the one less
traveled by,<p> And that has made all the difference. </p>
</body>
</html>CORRECT (example):
<!doctype html>
<html>
<body>
<p> Two roads diverged in a wood, and I,<br> I took the one less
traveled by,<br> And that has made all the difference. </p>
</body>
</html>Add the closing tags in the correct positions to finish this example webpage. There are five missing closing tags.
<!doctype html>
<html>
<body>
<h1>Travel Shop
<p>Save <strong>75%
<!doctype html>
<html>
<body>
<h1>Travel Shop</h1>
<p>Save <strong>75%</strong></p>
</body>
</html>
Give roar strong importance using the <strong> tag.
<!doctype html>
<html>
<body>
<p> The crowd goes roar </p>
</body>
</html>INCORRECT:
<!doctype html>
<html>
<body>
<p><strong>The crowd goes roar</strong> </p>
</body>
</html>
The lesson was solved incorrectly because the <strong> tag should only be applied to the word "roar," not the entire sentence.
CORRECT:
<!-- index.html -->
<!doctype html>
<html>
<body>
<p>The crowd goes <strong>roar</strong> </p>
</body>
</html>
Add two line breaks within the paragraph.
<!doctype html>
<html>
<body>
<p> Two roads diverged in a wood, and I, I took the one less
traveled by, And that has made all the difference. </p>
</body>
</html>Example (depends on chosen break):
<!-- index.html -->
<!doctype html>
<html>
<body>
<p> Two roads diverged in a wood, and I, I took the one less
traveled by, <br> And that has made all the difference. <br> </p>
</body>
</html>
Add a title element with a title you like within the head element.
<!doctype html>
<html>
<head>
</head>
<body>
Welcome!
</body>
</html>The head element should contain a title element, not an h1 element. Place your desired title within the title tags inside the head element.
<!doctype html>
<html>
<head>
<title>Title</title>
</head>
<body>
Welcome!
</body>
</html>Code the closing tag for defining important text.
<!doctype html>
<html>
<body>
<strong>Important numbers
</body>
</html><!doctype html>
<html>
<body>
<strong>Important</strong> numbers
</body>
</html>Add the missing tag, <!doctype html>, to the top of the page.
<html>
<body>
<h1>Aliens Worship Oprah</h1>
</body>
</html><!doctype html>
<html>
<body>
<h1>Aliens Worship Oprah</h1>
</body>
</html>Complete the cinema listings page by including the body element and the missing closing tags.
<!doctype html>
<html>
<h1>Cinema listings
<p> The Thing
</body>
</html><!doctype html>
<html>
<body>
<h1>Cinema listings</h1>
<p> The Thing </p>
</body>
</html>Remove the emphasis from the electronics word and make it important instead.
<!doctype html>
<html>
<body>
<h1>Web shop</h1>
<p> Massive discounts on <em>electronics</em>
</p>
</body>
</html><!doctype html>
<html>
<body>
<h1>Web shop</h1>
<p> Massive discounts on <strong>electronics</strong>
</p>
</body>
</html>Add an em element to emphasize the words Danger zone on this webpage.
<html>
<body>
Danger zone
</body>
</html><html>
<body>
<em>Danger zone</em>
</body>
</html>
