Question

我正在尝试列出链接列表，以防万一我的热点在图像地图中不起作用，但它们不会出现在页面中。

我尝试过更改样式代码，并重新排列html代码以使其正常工作，但它仍未出现在页面上的任何地方。

lubridate

Answer 1

您在开头>标签中缺少结尾标签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>

Answer 2

您尚未关闭开始<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 3

如果您希望地图的某些部分充当链接，则应首先定义地图区域

<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/

网页上未出现无序列表

3 个答案: