search

jvazhiy / intro-html

A robot powered training repository :robot:
https://lab.github.com/githubtraining/introduction-to-html
MIT License
0 stars 0 forks source link

Add some style to your page #7

Open github-learning-lab[bot] opened 4 years ago

github-learning-lab[bot] commented 4 years ago

Step 12: Make it beautiful

You may be wondering why your page hasn't looked exactly the same as the sample I showed in the beginning. That's because HTML gives your webpage structure, but the simple tags you have learned so far don't tell the web browser how you want each page element to appear.

The appearance of each page element is defined through styles and is the subject of another course. For now, I have added a stylesheet for you.

For your webpage to use your new stylesheet, you just need to link it within the <head> of your index.html file. If you include the following link in your index.html file, your webpage will begin using the css file to make your website look awesome!

  <link rel="stylesheet" href="style.css">

As an example, your index.html file might look like this:

    <head>
        <title>I am a title!</title>
        <link rel="stylesheet" href="style.css">
    </head>

:keyboard: Activity: Create a style to your site

  1. Edit the index.html file in the add-style branch by using this direct link or going to the Code tab, selecting the add-style branch, clicking on the index.html file, and clicking the pencil :pencil: to edit.
  2. Between the <head> tags, add the following <link rel="stylesheet" href="style.css">.
  3. In the Commit changes section, enter a commit message that describes what you've done.
  4. Click on Commit changes.

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

github-learning-lab[bot] commented 4 years ago

Uh oh, I didn't find the tag inside the ! Here are some troubleshooting steps:

  1. Check your spelling. We're checking specifically for the following: <link rel="stylesheet" href="style.css">.
  2. This must be after the opening <head> tag, and before the closing </head> tag.

Let's try again!

:keyboard: Add the stylesheet

  1. Click on Files Changed.
  2. Click on the ellipsis (...) and select Edit file.
  3. Add the link tag inside the <head> section of the index: <link rel="stylesheet" href="style.css">
  4. In the Commit changes section, enter a commit message that describes what you've done.
  5. Click on Commit changes.

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

github-learning-lab[bot] commented 4 years ago

Uh oh, I didn't find the tag inside the ! Here are some troubleshooting steps:

  1. Check your spelling. We're checking specifically for the following: <link rel="stylesheet" href="style.css">.
  2. This must be after the opening <head> tag, and before the closing </head> tag.

Let's try again!

:keyboard: Add the stylesheet

  1. Click on Files Changed.
  2. Click on the ellipsis (...) and select Edit file.
  3. Add the link tag inside the <head> section of the index: <link rel="stylesheet" href="style.css">
  4. In the Commit changes section, enter a commit message that describes what you've done.
  5. Click on Commit changes.

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

github-learning-lab[bot] commented 4 years ago

Uh oh, I didn't find the tag inside the ! Here are some troubleshooting steps:

  1. Check your spelling. We're checking specifically for the following: <link rel="stylesheet" href="style.css">.
  2. This must be after the opening <head> tag, and before the closing </head> tag.

Let's try again!

:keyboard: Add the stylesheet

  1. Click on Files Changed.
  2. Click on the ellipsis (...) and select Edit file.
  3. Add the link tag inside the <head> section of the index: <link rel="stylesheet" href="style.css">
  4. In the Commit changes section, enter a commit message that describes what you've done.
  5. Click on Commit changes.

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

github-learning-lab[bot] commented 4 years ago

Uh oh, I didn't find the tag inside the ! Here are some troubleshooting steps:

  1. Check your spelling. We're checking specifically for the following: <link rel="stylesheet" href="style.css">.
  2. This must be after the opening <head> tag, and before the closing </head> tag.

Let's try again!

:keyboard: Add the stylesheet

  1. Click on Files Changed.
  2. Click on the ellipsis (...) and select Edit file.
  3. Add the link tag inside the <head> section of the index: <link rel="stylesheet" href="style.css">
  4. In the Commit changes section, enter a commit message that describes what you've done.
  5. Click on Commit changes.

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

github-learning-lab[bot] commented 4 years ago

Uh oh, I didn't find the tag inside the ! Here are some troubleshooting steps:

  1. Check your spelling. We're checking specifically for the following: <link rel="stylesheet" href="style.css">.
  2. This must be after the opening <head> tag, and before the closing </head> tag.

Let's try again!

:keyboard: Add the stylesheet

  1. Click on Files Changed.
  2. Click on the ellipsis (...) and select Edit file.
  3. Add the link tag inside the <head> section of the index: <link rel="stylesheet" href="style.css">
  4. In the Commit changes section, enter a commit message that describes what you've done.
  5. Click on Commit changes.

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

github-learning-lab[bot] commented 4 years ago

Uh oh, I didn't find the tag inside the ! Here are some troubleshooting steps:

  1. Check your spelling. We're checking specifically for the following: <link rel="stylesheet" href="style.css">.
  2. This must be after the opening <head> tag, and before the closing </head> tag.

Let's try again!

:keyboard: Add the stylesheet

  1. Click on Files Changed.
  2. Click on the ellipsis (...) and select Edit file.
  3. Add the link tag inside the <head> section of the index: <link rel="stylesheet" href="style.css">
  4. In the Commit changes section, enter a commit message that describes what you've done.
  5. Click on Commit changes.

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

github-learning-lab[bot] commented 4 years ago

Uh oh, I didn't find the tag inside the ! Here are some troubleshooting steps:

  1. Check your spelling. We're checking specifically for the following: <link rel="stylesheet" href="style.css">.
  2. This must be after the opening <head> tag, and before the closing </head> tag.

Let's try again!

:keyboard: Add the stylesheet

  1. Click on Files Changed.
  2. Click on the ellipsis (...) and select Edit file.
  3. Add the link tag inside the <head> section of the index: <link rel="stylesheet" href="style.css">
  4. In the Commit changes section, enter a commit message that describes what you've done.
  5. Click on Commit changes.

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

github-learning-lab[bot] commented 4 years ago

Uh oh, I didn't find the tag inside the ! Here are some troubleshooting steps:

  1. Check your spelling. We're checking specifically for the following: <link rel="stylesheet" href="style.css">.
  2. This must be after the opening <head> tag, and before the closing </head> tag.

Let's try again!

:keyboard: Add the stylesheet

  1. Click on Files Changed.
  2. Click on the ellipsis (...) and select Edit file.
  3. Add the link tag inside the <head> section of the index: <link rel="stylesheet" href="style.css">
  4. In the Commit changes section, enter a commit message that describes what you've done.
  5. Click on Commit changes.

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