0
0
HTMLmarkup~10 mins

HTML validation tools - Interactive Code Practice

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

Complete the code to add a link to the W3C HTML Validator website.

HTML
<a href="[1]">Check HTML validity</a>
Drag options to blanks, or click blank then click option'
Ahttps://www.google.com
Bhttps://example.com
Chttps://validator.w3.org/
Dhttps://html.com
Attempts:
3 left
💡 Hint
Common Mistakes
Using unrelated URLs that do not lead to an HTML validator.
Forgetting to include the full URL with https://.
2fill in blank
medium

Complete the code to add a meta tag that helps browsers understand the page's character set for validation.

HTML
<meta charset="[1]">
Drag options to blanks, or click blank then click option'
AASCII
BUTF-8
CISO-8859-1
DUTF-16
Attempts:
3 left
💡 Hint
Common Mistakes
Using outdated or less common charsets like ASCII or ISO-8859-1.
Leaving out the charset meta tag entirely.
3fill in blank
hard

Fix the error in the HTML comment syntax to make it valid for validation tools.

HTML
<!--[1] This is a comment -->
Drag options to blanks, or click blank then click option'
A This is a comment --
B This is a comment <!--
C This is a comment -->
D This is a comment
Attempts:
3 left
💡 Hint
Common Mistakes
Including extra dashes or comment tags inside the comment.
Using incorrect comment delimiters.
4fill in blank
hard

Fill both blanks to create a valid DOCTYPE declaration for HTML5.

HTML
<![1] html[2]>
Drag options to blanks, or click blank then click option'
ADOCTYPE
Bdoctype
Chtml
DHTML
Attempts:
3 left
💡 Hint
Common Mistakes
Using lowercase 'doctype' instead of uppercase 'DOCTYPE'.
Capitalizing 'HTML' in the second blank.
5fill in blank
hard

Fill all three blanks to create a valid HTML5 skeleton with language and viewport meta tags for validation and responsiveness.

HTML
<!DOCTYPE html>
<html lang="[1]">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="[2]">
  <title>[3]</title>
</head>
<body>
</body>
</html>
Drag options to blanks, or click blank then click option'
Aen
Bwidth=device-width, initial-scale=1.0
CMy Page
Dfr
Attempts:
3 left
💡 Hint
Common Mistakes
Using incorrect language codes like 'fr' when English is expected.
Omitting the viewport meta tag or using wrong content.
Leaving the title blank or with invalid characters.