0
0
HTMLmarkup~10 mins

How browsers read HTML - Interactive Practice

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

Complete the code to declare the document type for HTML5.

HTML
<!DOCTYPE [1]>
Drag options to blanks, or click blank then click option'
AHtml
Bhtml
Chtm
DHTML5
Attempts:
3 left
💡 Hint
Common Mistakes
Writing 'HTML5' instead of 'html'
Using uppercase letters
Omitting the DOCTYPE declaration
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'
Ahtml
Bhead
Cbody
Ddiv
Attempts:
3 left
💡 Hint
Common Mistakes
Using <head> or <body> as the root
Using a <div> instead of <html>
3fill in blank
hard

Fix the error in the code to properly include the character encoding in the head section.

HTML
<head>
  <meta charset=[1]>
</head>
Drag options to blanks, or click blank then click option'
A"utf-8"
Butf8
C'utf-8'
DUTF-8
Attempts:
3 left
💡 Hint
Common Mistakes
Omitting quotes around the charset value
Using uppercase letters
Using single quotes instead of double quotes
4fill in blank
hard

Fill both blanks to create a semantic section with a heading.

HTML
<[1]>
  <[2]>Welcome to my website</[2]>
</[1]>
Drag options to blanks, or click blank then click option'
Asection
Bdiv
Ch1
Dheader
Attempts:
3 left
💡 Hint
Common Mistakes
Using <div> instead of <section>
Using <header> incorrectly
Using a non-heading tag for the title
5fill in blank
hard

Fill all three blanks to create a basic HTML document structure.

HTML
<!DOCTYPE html>
<[1] lang="en">
  <[2]>
    <meta charset="utf-8">
    <title>My Page</title>
  </[2]>
  <[3]>
    <p>Hello, world!</p>
  </[3]>
</[1]>
Drag options to blanks, or click blank then click option'
Ahtml
Bhead
Cbody
Dfooter
Attempts:
3 left
💡 Hint
Common Mistakes
Swapping <head> and <body>
Using <footer> instead of <body>
Omitting the lang attribute on <html>