Неупорядоченный список не отображается на веб-странице

Question

Я пытаюсь составить список ссылок на тот случай, если мои горячие точки не работают на моей карте изображений, но они не отображаются на странице.

Я пытался изменить стилькод и реорганизация HTML-кода, чтобы заставить его работать должным образом, но он по-прежнему не отображается нигде на странице.

<div>
<p class="instructions">
Click on one of the fruits to go to its corresponding <br /> web page.
</p>
<p class="descbox2">
Clicking on the left Cherry will send you to a web page about how to grow 
Cherry trees.
<br /><br />
Clicking the grapes will take you to a web page on how to grow Raisins.
<br /><br />
Clicking the triangular Watermelon piece will send you to a web page 
for<br />
different ways to cut Watermelon.
<br /><br />
Clicking the Orange will send you to a web page about how to grow Orange 
trees.
<br /><br />
Clicking the Pineapple will take you to a web page about how to grow 
Pineapples from its top.
<br /><br />
Clicking the Strawberry will take you to a web page for Froberg's Farm 
located<br />
in Alvin,TX to pick your own Strawberries.
<br /><br />
If image links aren't working click the links below to go to the web 
pages used.
<ul>
<li><a href="https://www.starkbros.com/growing-guide/how-to-grow/fruit- 
trees/cherry-trees" Cherry Trees </a></li>
</ul>
</p>
<img src="Images/fruitclipart.jpg" alt="Clipart of fruit" 
usemap="#fruits">
</div>

Answer 1

Вы не закрыли открывающий тег <a>.

Так вот:

<a href="https://www.starkbros.com/growing-guide/how-to-grow/fruit-trees/cherry-trees" Cherry Trees </a>

Должно быть так:

<a href="https://www.starkbros.com/growing-guide/how-to-grow/fruit-trees/cherry-trees"> Cherry Trees </a>

Answer 2

Если вы хотите, чтобы части вашей карты функционировали как ссылки, вы должны сначала определить область карты

<img src="Images/fruitclipart.jpg" alt="Clipart of fruit" 
usemap="#fruits">    
<map name="fruits">
  <area shape="cherry" coords="0,0,82,126" href="sun.htm" alt="cherry">
  <area shape="raisins" coords="90,58,3" href="mercur.htm" alt="raisins">
  <area shape="watermelon" coords="124,58,8" href="venus.htm" alt="watermelon">
</map>

Как найти координаты? проверить этот инструмент - https://www.image -map.net /

Answer 3

Вы пропускаете закрывающий тег > в открывающем теге a

До:

<ul>
<li><a href="https://www.starkbros.com/growing-guide/how-to-grow/fruit- 
trees/cherry-trees" Cherry Trees </a></li>
</ul>

После того, как:

<div>
<p class="instructions">
Click on one of the fruits to go to its corresponding <br /> web page.
</p>
<p class="descbox2">
Clicking on the left Cherry will send you to a web page about how to grow 
Cherry trees.
<br /><br />
Clicking the grapes will take you to a web page on how to grow Raisins.
<br /><br />
Clicking the triangular Watermelon piece will send you to a web page 
for<br />
different ways to cut Watermelon.
<br /><br />
Clicking the Orange will send you to a web page about how to grow Orange 
trees.
<br /><br />
Clicking the Pineapple will take you to a web page about how to grow 
Pineapples from its top.
<br /><br />
Clicking the Strawberry will take you to a web page for Froberg's Farm 
located<br />
in Alvin,TX to pick your own Strawberries.
<br /><br />
If image links aren't working click the links below to go to the web 
pages used.
<ul>
<li><a href="https://www.starkbros.com/growing-guide/how-to-grow/fruit- 
trees/cherry-trees"> Cherry Trees </a></li>
</ul>
</p>
<img src="Images/fruitclipart.jpg" alt="Clipart of fruit" 
usemap="#fruits">
</div>