Add Skills Section

As it turns out, Larry has quite a few hidden talents. Let’s add a skills <section> to our profile page so he can tell the world about them.

Under the <section> tag you added for the bio, we’re going to add another section for skills.

  <section>
    <h2>Skills</h2>
  </section>

Once you’re done, save profile.html and refresh your page. You should see something like this:

We want our skills section to list all of Larry’s (or your!) awesome talents. HTML has a few tags that are used just for lists. Since we want the list to have bullet points, we’re going to use a <ul> tag. ul stands for unordered list. Then, inside we’ll add some list items (<li>).

Open up profile.html and add:

  <section>
    <h2>Skills</h2>
    <ul>
      <li>Excellent floating skills</li>
      <li>Expert Quacker</li>
      <li>Strong Floating Skills</li>
      <li>Good listener</li>
      <li>HTML & CSS Superfan</li>
    </ul>
  </section>

Feel free to replace Larry’s skills with your own. Once you’re happy with the items in your list, save profile.html, and refresh your page. You should see something like this:

« Previous Next »