0
0
Intro to Computingfundamentals~10 mins

HTML as the language of web pages in Intro to Computing - Interactive Code Practice

Choose your learning style9 modes available
LearnWhyDeepFlowTryChallengeDrawRecallReal
Practice - 5 Tasks
Answer the questions below
1fill in blank
easy

Complete the code to create a basic HTML page with a title.

Intro to Computing
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>[1]</title>
</head>
<body>
  <h1>Welcome to my website</h1>
</body>
</html>
Drag options to blanks, or click blank then click option'
AMy Page
BHello World
CDocument
DPage Title
Attempts:
3 left
💡 Hint
Common Mistakes
Leaving the title blank
Using tags inside the title tag
2fill in blank
medium

Complete the code to add a paragraph inside the body of the HTML page.

Intro to Computing
<body>
  <h1>My Website</h1>
  [1]
</body>
Drag options to blanks, or click blank then click option'
A<header>This is a paragraph.</header>
B<div>This is a paragraph.</div>
C<p>This is a paragraph.</p>
D<span>This is a paragraph.</span>
Attempts:
3 left
💡 Hint
Common Mistakes
Using <div> instead of <p>
Forgetting to close the paragraph tag
3fill in blank
hard

Fix the error in the code to correctly link an external CSS file.

Intro to Computing
<head>
  [1]
</head>
Drag options to blanks, or click blank then click option'
A<script src="styles.css"></script>
B<link href="styles.css">
C<style src="styles.css"></style>
D<link rel="stylesheet" href="styles.css">
Attempts:
3 left
💡 Hint
Common Mistakes
Using <script> tag for CSS
Omitting the rel attribute
Using <style> tag with src attribute
4fill in blank
hard

Fill both blanks to create a link that opens in a new tab.

Intro to Computing
<a href="https://example.com" [1]="[2]">Visit Example</a>
Drag options to blanks, or click blank then click option'
Atarget
B_blank
C_self
Dhref
Attempts:
3 left
💡 Hint
Common Mistakes
Using href as attribute name
Using _self which opens in the same tab
5fill in blank
hard

Fill all three blanks to create an unordered list with three items.

Intro to Computing
<ul>
  <li>[1]</li>
  <li>[2]</li>
  <li>[3]</li>
</ul>
Drag options to blanks, or click blank then click option'
AApple
BBanana
CCherry
DOrange
Attempts:
3 left
💡 Hint
Common Mistakes
Using <ol> instead of <ul>
Forgetting to close <li> tags