Conversation
| @@ -0,0 +1 @@ | |||
| Hello there, awesome person! No newline at end of file | |||
There was a problem hiding this comment.
Step 3: Add HTML document structure
Great job opening a pull request @Haafii! I've gone ahead and closed your previous issue.
This pull request contains some content, but it doesn't have any of the HTML structure that tells a browser how to structure the content. All pages created with HTML must contain tags that identify it as such. The tags look like this:
<html>
<body>
The HTML content goes here.
</body>
</html>You may notice two copies of the HTML tag, and two copies of the body tag. We call these the opening and closing tags. Let's look at the same code, but include a little explanation.
<html>is the opening HTML tag<body>is the opening body tag</body>is the closing body tag</html>is the closing HTML tag
In HTML, spacing doesn't really matter. We've added some tabs to make the code easier to see, but the web browser will ignore the extra spacing. Now that you understand the building blocks of HTML, let's add HTML to the index.html file in your project.
⌨️ Activity: Add the html and body tags to index.html
Apply this suggested change, or follow the instructions below if you'd like to type out the code manually.
| Hello there, awesome person! | |
| <html> | |
| <body> | |
| Hello there, awesome person! | |
| </body> | |
| </html> |
- Click on Files Changed to see the newly added
index.htmlfile. - Click on the ellipsis (...) and select Edit file.
- Before the existing content, add an opening
<html>tag, and an opening<body>tag. - After the existing content, add a closing
</body>tag, and a closing</html>tag. - In the Commit changes section, enter a commit message that describes what you've done.
- Ensure you've selected Commit directly to the
add-indexbranch. - Click on Commit changes.
adding the index.html file per instruction of github learning lab