Images

All of the elements you’ve learned about so far (headings, paragraphs, lists, and spans) share one thing in common: they’re composed entirely of text! What if you want to add content to your web page that isn’t composed of text, like images?

The <img> tag allows you to add an image to a web page. Most elements require both opening and closing tags, but the <img> tag is a self-closing tag. Note that the end of the <img> tag has a forward slash /. Self-closing tags may include or omit the final slash — both will render properly.

The <img> tag has a required attribute called src. The src attribute must be set to the image’s source, or the location of the image. In this case, the value of src must be the uniform resource locator (URL) of the image. A URL is the web address or local address where a file is stored.

Instructions

1. Under the Media <h2> heading, add an image. Use the following URL as the source (src) for the image:

https://content.codecademy.com/courses/web-101/web101-image_brownbear.jpg

Index.html

<body>

<h1>The Brown Bear</h1>

<h2>About Brown Bears</h2>

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

<h3>Species</h3>

<ul>

<li>Arctos</li>

<li>Collarus</li>

<li>Horribilis</li>

<li>Nelsoni (extinct)</li>

</ul>

<h3>Features</h3>

<p>Brown bears are not always completely brown. Some can be reddish or yellowish. They have very large, curved claws and huge paws. Male brown bears are often 30% larger than female brown bears. They can range from 5 feet to 9 feet from head to toe.</p>

</div>

<h2>Habitat</h2>

<h3>Countries with Large Brown Bear Populations</h3>

<ol>

<li>Russia</li>

<li>United States</li>

<li>Canada</li>

</ol>

<h3>Countries with Small Brown Bear Populations</h3>

<p>Some countries with smaller brown bear populations include Armenia, Belarus, Bulgaria, China, Finland, France, Greece, India, Japan, Nepal, Poland, Romania, Slovenia, Turkmenistan, and Uzbekistan.</p>

</div>

<h2>Media</h2>

</div>

</body>

Page updated

Report abuse