HTML Academy
Diving Deeper
HTML document structure4/18
Back to the list of challenges
  • 1. The HTML doctype, or document type declaration
  • 2. Basic HTML tags
  • 3. The head tag, which provides metadata information about the page
  • 4. The title tag for page titles
  • 5. The main tag for main content
  • 6. The header and footer tags
  • 7. The section tag, which is used for semantic sections
  • 8. The nav tag, which is used to specify the main navigation
  • 9. The article tag, which is used to indicate an independent section
  • 10. The aside tag, which is used to specify additional content
  • 11. The h1-h6 and title tags in HTML
  • 12. The p tag for paragraphs
  • 13. Let’s finish designing our pages
  • 14. The meta tag, which is used for page character encoding
  • 15. The meta tag, which is used for keywords
  • 16. Let’s connect another frame to the page
  • 17. Summary of “HTML document structure”
  • 18. First test
List of tasks
  • Sign up
  • Log in

Loading…
Everything will be ready in few seconds

  • Theory
  • Theory
  • Comments

SEO improvements

Continuation of operations at the pet store. You need to adjust the page so that it achieves a better position in search engines. The client is not that skilled in web design; he tried to do something himself, but it did not come off very well. Being able to make sense of someone else’s code is also a good skill for a web designer to have!

Meow! Here are the texts from the client. You need to figure out for yourself where they should be used:

  • “Wolverine” Pet Store
  • A wide selection of supplies for your furry pets
  • Pet supplies, toys, food, cat accessories

As usual, everything should have been done yesterday! Hurry up!

A quick look at the code makes it clear that most of our work will be concentrated in the head tag. Let’s get started!

Comments

  • index.html
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="windows-1251"> <link rel="stylesheet" href="challenge.css"> <link rel="stylesheet" href="style.css"> </head> <body> <h1>“Wolverine” Pet Store</h1> <p>This store features a variety of product categories.</p> <h2>Pet food</h2> <p>Our pet food is very tasty, and since it is made from fish that we ourselves caught, everything is natural!</p> <h2>Toys</h2> <p>We ourselves design and test toys with mischievous kittens.</p> <h2>Accessories</h2> <p>Everything that is necessary for the modern trendsetter.</p> </body> </html>

What didn’t you like in this task?

Thanks! We’ll fix everything at once!

The code has changed, click “Refresh” or turn autorun on.

You’ve gone to a different page

Click inside the mini-browser to shift the focus onto this window.

100%
Goalscompleted
0
    1. Fix the problem with the website encoding,
    2. add the title tag to the page with an appropriate value,
    3. and then write the metatags with keywords and a page description.

    Cookies ∙ Privacy ∙ License Agreement ∙ About ∙ Contacts ∙ © HTML Academy OÜ, 2019−2024

    VISAMastercard

    Log in

    or

    Forgot your password?

    Sign up

    Sign up

    or
    Log in

    Restore access

    Have you forgotten your password or lost access to your profile? Enter your email connected to your profile and we will send you a link to restore access.

    Forgot to connect your email to the profile? Email us and we’ll help.