Skip to content

Add the index.html file #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Haafii wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add the index.html file #2

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Hello there, awesome person!
Copy link

@github-learning-lab github-learning-lab bot Apr 17, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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.

Suggested change
Hello there, awesome person!
<html>
<body>
Hello there, awesome person!
</body>
</html>
  1. Click on Files Changed to see the newly added index.html file.
  2. Click on the ellipsis (...) and select Edit file.
  3. Before the existing content, add an opening <html> tag, and an opening <body> tag.
  4. After the existing content, add a closing </body> tag, and a closing </html> tag.
  5. In the Commit changes section, enter a commit message that describes what you've done.
  6. Ensure you've selected Commit directly to the add-index branch.
  7. Click on Commit changes.

I'll respond when I detect you've committed in this pull request.