HTML and CSS. Lesson 9. Alt

Animals Around the World

The Brown Bear

The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently "Least Concern." There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.

Learn More

The following are subspecies of bears:

  • Arctos
  • Collarus
  • Horribilis
  • Nelsoni (extinct)

The following countries have the largest populations of brown bears:

  1. Russia
  2. United States
  3. Canada
The Brown Bear

Whoops here’s my code.

<!DOCTYPE html>
<html>
<head>
  <title>Animals Around the World</title>
</head>
<body>
  <h1>The Brown Bear</h1>
  <p>The brown bear (Ursus arctos) is native to parts of northern Eurasia and North America. Its conservation status is currently "Least Concern." There are many subspecies within the brown bear species, including the Atlas bear and the Himalayan brown bear.</p>
  <a href="https://en.wikipedia.org/wiki/Brown_bear" target="_blank">Learn More</a>
  <p>The following are subspecies of bears:</p>
  <ul>
    <li>Arctos</li>
    <li>Collarus</li>
    <li>Horribilis</li>
    <li>Nelsoni (extinct)</li>
  </ul>
  <p>The following countries have the largest populations of brown bears:</p>
  <ol>
    <li>Russia</li>
    <li>United States</li>
    <li>Canada</li>
  </ol>
  <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/web101-image_brownbear.jpg"/>
  <img src="#" alt="The Brown Bear" />
</body> 
</html>

Why doesn’t it work?

  <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/web101-image_brownbear.jpg"/>
  <img src="#" alt="The Brown Bear" />

Are you sure that the alt part of your second <img> tag wasn’t meant to be included to the first tag instead?

3 Likes

Oh…
I thought I needed another thingymagjig.

Now It’s not actually printing words next to the picture

Buuutttt… IT WORKED :smiley:

I had the same frustration, then tried the suggestion to imbed it into the original src code:

<img src="#"alt="Photo of a brown bear.""https://s3.amazonaws.com/codecademy-content/courses/web-101/web101-image_brownbear.jpg" />

This worked.

I have not problems with such a task
As for me this task was easy