Conversation
![github-learning-lab[bot]](https://avatars.githubusercontent.com/in/10572?s=60&v=4){kind=small}
Co-authored-by: github-learning-lab[bot] <37936606+github-learning-lab[bot]@users.noreply.github.com>
| @@ -0,0 +1,7 @@ | |||
| <html> | |||
|
|
|||
There was a problem hiding this comment.
Step 4: Add a page title
Your web page is beginning to take shape! HTML and body tags are important, but their effect isn't too visible. Next, we'll make a visible change, by giving your page a title. Your page's title will show up on the title bar in your web browser, or as the title of any tabs you've got open. The title is used in all sorts of other places!
The title tag looks like this:
<title>I am a title!</title>But the title tag must be inside of a head tag. By now, you've noticed that tags have a hierarchical structure. In our prior example, the html tag was the parent of the body tag. In a similar fashion, the head tag will be the parent of the title tag, like so:
<head>
<title>I am a title!</title>
</head>Finally, the head and title tags, will be children of the html tag, but siblings of the body tag.
<html>
<head>
<title>I am a title!</title>
</head>
<body>
Some content.
</body>
</html>⌨️ Activity: Give your page a title
Apply this suggested change, or follow the instructions below if you'd like to type out the code manually.
| <head> | |
| <title>My awesome web page</title> | |
| </head> | |
- Click on Files Changed.
- Click on the ellipsis (...) and select Edit file.
- Place an opening
<head>tag and an opening<title>tag after the first openinghtmltag, but before thebodytag. - Write out a title after the opening
titletag. - Place a closing
</title>tag and a closing</head>tag after your new title, but before thebodytag. - 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.
I'll respond when I detect you've committed in this pull request.
| @@ -0,0 +1,7 @@ | |||
| <html> | |||
|
|
|||
There was a problem hiding this comment.
Step 4: Add a page title
Your web page is beginning to take shape! HTML and body tags are important, but their effect isn't too visible. Next, we'll make a visible change, by giving your page a title. Your page's title will show up on the title bar in your web browser, or as the title of any tabs you've got open. The title is used in all sorts of other places!
The title tag looks like this:
<title>I am a title!</title>But the title tag must be inside of a head tag. By now, you've noticed that tags have a hierarchical structure. In our prior example, the html tag was the parent of the body tag. In a similar fashion, the head tag will be the parent of the title tag, like so:
<head>
<title>I am a title!</title>
</head>Finally, the head and title tags, will be children of the html tag, but siblings of the body tag.
<html>
<head>
<title>I am a title!</title>
</head>
<body>
Some content.
</body>
</html>⌨️ Activity: Give your page a title
Apply this suggested change, or follow the instructions below if you'd like to type out the code manually.
| <head> | |
| <title>My awesome web page</title> | |
| </head> | |
- Click on Files Changed.
- Click on the ellipsis (...) and select Edit file.
- Place an opening
<head>tag and an opening<title>tag after the first openinghtmltag, but before thebodytag. - Write out a title after the opening
titletag. - Place a closing
</title>tag and a closing</head>tag after your new title, but before thebodytag. - 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.
I'll respond when I detect you've committed in this pull request.
2 participants
Add the index.html file