0
0
HTMLmarkup~10 mins

First HTML page - Interactive Code Practice

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

Complete the code to declare the document type for an HTML5 page.

HTML
<!DOCTYPE [1]>
Drag options to blanks, or click blank then click option'
AHTML
Bhtml
CHtml5
Dhtm
Attempts:
3 left
💡 Hint
Common Mistakes
Writing the doctype in uppercase letters.
Using older doctype declarations like XHTML.
Forgetting the exclamation mark.
2fill in blank
medium

Complete the code to start the HTML document with the root element.

HTML
<[1] lang="en">
Drag options to blanks, or click blank then click option'
Abody
Bhead
Chtml
Ddiv
Attempts:
3 left
💡 Hint
Common Mistakes
Using <head> or <body> as the root.
Forgetting to close the <html> tag.
3fill in blank
hard

Fix the error in the code to properly include the page title inside the head.

HTML
<head>
  <title>[1]</title>
</head>
Drag options to blanks, or click blank then click option'
Atitle
BMy First Page</head>
C<My First Page>
DMy First Page
Attempts:
3 left
💡 Hint
Common Mistakes
Adding extra closing tags inside the title.
Using angle brackets around the title text.
4fill in blank
hard

Fill both blanks to create a paragraph inside the body with the text 'Hello, world!'.

HTML
<body>
  <[1]>[2]</[1]>
</body>
Drag options to blanks, or click blank then click option'
Ap
BHello, world!
Cdiv
DHello world
Attempts:
3 left
💡 Hint
Common Mistakes
Using <div> instead of <p> for paragraphs.
Missing the comma in the text.
5fill in blank
hard

Fill all three blanks to create a complete minimal HTML page with a title and a heading.

HTML
<!DOCTYPE [1]>
<[2] lang="en">
<head>
  <title>[3]</title>
</head>
<body>
  <h1>Welcome!</h1>
</body>
</[2]>
Drag options to blanks, or click blank then click option'
Ahtml
CMy Page
Dhead
Attempts:
3 left
💡 Hint
Common Mistakes
Using head as the root element.
Forgetting to close the html tag at the end.