Self-closing tags in HTML - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to correctly write a self-closing image tag.

HTML

<img src="image.jpg" alt="A photo" [1]>

Drag options to blanks, or click blank then click option'

A>

B/>

C</img>

D<img>

Attempts:

3 left

💡 Hint

Common Mistakes

Using just > without the slash

Trying to write a separate closing tag like

The <img> tag is self-closing and should end with /> to be valid in XHTML and is optional in HTML5 but recommended for compatibility.

2fill in blank

medium

Complete the code to correctly write a self-closing line break tag.

HTML

<br[1]>

Drag options to blanks, or click blank then click option'

A/>

B>

C</br>

D<br>

Attempts:

3 left

💡 Hint

Common Mistakes

Writing a closing tag like

Omitting the slash in self-closing tag

The <br> tag is self-closing and should end with /> for proper syntax in XHTML; in HTML5, just > is valid but /> is recommended for compatibility.

3fill in blank

hard

Fix the error in the self-closing input tag.

HTML

<input type="text" name="username" [1]>

Drag options to blanks, or click blank then click option'

A</input>

B<input>

C/>

D>

Attempts:

3 left

💡 Hint

Common Mistakes

Using just > without slash

Trying to write a closing tag like

The <input> tag is self-closing and should end with /> to be valid XHTML; in HTML5, just > is valid but /> is recommended for compatibility.

4fill in blank

hard

Fill both blanks to correctly write a self-closing meta tag with charset attribute.

HTML

<meta charset=[1][2]>

Drag options to blanks, or click blank then click option'

A"UTF-8"

B'UTF-8'

C/>

D>

Attempts:

3 left

💡 Hint

Common Mistakes

Using single quotes instead of double quotes

Omitting the slash in the self-closing tag

The <meta> tag requires the charset value in quotes and should be self-closed with /> for XHTML compatibility; in HTML5, just > is valid but /> is recommended.

5fill in blank

hard

Fill all three blanks to write a self-closing link tag for a stylesheet.

HTML

<link rel=[1] href=[2] [3]>

Drag options to blanks, or click blank then click option'

A"stylesheet"

B"styles.css"

C/>

D"text/css"

Attempts:

3 left

💡 Hint

Common Mistakes

Omitting quotes around attribute values

Not self-closing the tag with a slash

The <link> tag for stylesheets needs rel and href attributes in quotes and should be self-closed with /> for XHTML compatibility; in HTML5, just > is valid but /> is recommended.