Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript Treehouse Club - MASH MASH - HTML Thinking With Your Head

john McGee
john McGee
2,010 Points
Posted by john McGee
john McGee
2,010 Points

I need help. don't quite understand what i'm doing on this task here

<head> <!DOCTYPE> <meta charset="utf-8"> <title>Futuristic MASH</title> <h1>Futuristic MASH</h1> <link href="style.css" rel="stylesheet"> <p> Directions to play the game: </p> </head>

index.html 
<head>
  <!DOCTYPE> 
  <meta charset="utf-8">
  <title>Futuristic MASH</title>
  <h1>Futuristic MASH</h1>
  <link href="style.css" rel="stylesheet">
  <p> Directions to play the game: </p>
</head>

2 Answers

ve
ve
5,048 Points
ve
ve
5,048 Points

What you see is the <head> element of an html-document. Your task is to find the elements that do not belong into the <head> of a document.

First of all, the <head> doesn't include anything that you want to be shown directly on the webpage, such as the <h1> and <p> element. They belong into the body. Plus, the <!DOCTYPE> belongs at the very beginning of a document, even before the <head> and the opening <html> tag. But: Metadata, title and links to stylesheets should be located in the <head>. So all you need to do is cut out the elements that don't belong there, which are the <h1>, the <p> and the <!DOCTYPE> element :)

john McGee
john McGee
2,010 Points
john McGee
john McGee
2,010 Points

Radical. Thanks @ Valerie Ernenwein ??