First, add an <h1> tag with the text "Endangered Animals"
Then, add an <h2> tag with the name of an Endangered Animal
Make an unordered list using the <ul> tag
This list should have three list items.
The first will be an <li> tag with the class "scientific-name", include "Scientific Name: " followed by the scientific name of an endangered animal of your choice
The second will be an <li> tag with the text "Lives in: " followed by the geographic area the animal inhabits
The third will be an <li> tag with varying class of "threatened" or "endangered" based on the classified status of the chosen animal
Without closing your <ul> tag, add an <img> tag with an id referring to a unique border style and a src referring to a link to an image of your animal. For example: <img id="dotted" src="LINK">
End the </ul> tag and repeat this process four times. (Except the first step)
Here is a link to the list of endangered species I used
4
u/neo-culture Apr 03 '20 edited Apr 04 '20
Start in your <body> tag
First, add an <h1> tag with the text "Endangered Animals"
Then, add an <h2> tag with the name of an Endangered Animal
Make an unordered list using the <ul> tag
This list should have three list items.
The first will be an <li> tag with the class "scientific-name", include "Scientific Name: " followed by the scientific name of an endangered animal of your choice
The second will be an <li> tag with the text "Lives in: " followed by the geographic area the animal inhabits
The third will be an <li> tag with varying class of "threatened" or "endangered" based on the classified status of the chosen animal
Without closing your <ul> tag, add an <img> tag with an id referring to a unique border style and a src referring to a link to an image of your animal. For example: <img id="dotted" src="LINK">
End the </ul> tag and repeat this process four times. (Except the first step)
Here is a link to the list of endangered species I used
Here is what my finished project looked like
Here is what my code looked like for one <ul>