html - 无序列表未出现在网页上

标签 html css

我试图制作一个链接列表,以防我的热点在我的图像映射中不起作用,但它们不会出现在页面中。

我已经尝试更改样式代码并重新排列 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>

最佳答案

您在开始 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>

关于html - 无序列表未出现在网页上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55629629/

相关文章:

html - 如何在谷歌地图上 float 一个 div 并保持全屏显示?

html - 隐藏时下拉在导航中留下间隙

android - 当我将 html 数据从字符串加载到 webview 时,Jquery 功能不起作用

javascript - 如何使用 angularJS 和 php 在单独的页面中显示特定表的更多详细信息

html - @keyframes 不适用于幻灯片

css - 固定DIV到右下角

java - 正则表达式在 <a> 之前添加 <span> 标签

javascript - 单击可转到实时动画中的下一个位置

html - 如何将单选按钮与 html 中的图像中间垂直对齐?

javascript - 多个元素循环移动 - 平滑过渡