Skip to content
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

Jump to bottom

Add the index.html file #2

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

Add the index.html file #2

wants to merge 1 commit into from

Conversation

NicholasBian
Copy link
Owner

No description provided.

@github-learning-lab
Copy link

Step 3: Add HTML document structure

Great job opening a pull request @NicholasBian! 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

  1. Click on Files Changed to see the newly added index.html file.
  2. Click on the 📝 to edit the 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.

Watch below for my response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@NicholasBian @beardofedu