Template-based page generation in SEO Fundamentals - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to insert the page title in the template.

SEO Fundamentals

<title>[1]</title>

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

A{{page_title}}

B{{content}}

C{{header}}

D{{footer}}

Attempts:

3 left

💡 Hint

Common Mistakes

Using {{content}} instead of {{page_title}} will insert the wrong data.

Forgetting to use double curly braces for placeholders.

The {{page_title}} placeholder is used to insert the page's title dynamically in the template.

2fill in blank

medium

Complete the code to include the main content section in the template.

SEO Fundamentals

<main>[1]</main>

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

A{{header}}

B{{content}}

C{{sidebar}}

D{{footer}}

Attempts:

3 left

💡 Hint

Common Mistakes

Using {{header}} or {{footer}} will place the wrong content in the main section.

Leaving the placeholder empty will cause no content to show.

The {{content}} placeholder is used to insert the main content of the page inside the <main> tag.

3fill in blank

hard

Fix the error in the template code to correctly display the page footer.

SEO Fundamentals

<footer>[1]</footer>

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

A{{footer}}

B{{nav}}

C{{header}}

D{{content}}

Attempts:

3 left

💡 Hint

Common Mistakes

Using {{content}} or {{header}} in the footer tag causes wrong content to appear.

Not using any placeholder results in an empty footer.

The footer section should use the {{footer}} placeholder to display the correct footer content.

4fill in blank

hard

Fill both blanks to create a template that shows the page title and main content.

SEO Fundamentals

<h1>[1]</h1>
<section>[2]</section>

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

A{{page_title}}

B{{footer}}

C{{content}}

D{{sidebar}}

Attempts:

3 left

💡 Hint

Common Mistakes

Swapping the placeholders will show content in the title or title in the content area.

Using footer or sidebar placeholders here is incorrect.

The <h1> tag should display the page title using {{page_title}}, and the <section> tag should display the main content using {{content}}.

5fill in blank

hard

Fill all three blanks to create a template with a header, main content, and footer.

SEO Fundamentals

<header>[1]</header>
<main>[2]</main>
<footer>[3]</footer>

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

A{{header}}

B{{content}}

C{{footer}}

D{{sidebar}}

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing up placeholders causes wrong content in page sections.

Using sidebar placeholder here is incorrect.

The header, main, and footer sections should use {{header}}, {{content}}, and {{footer}} placeholders respectively to display the correct parts of the page.