尝试在HTML中制作菜单时，如何上传本地照片并使用HTML中的链接

Question

我正在试着为我写的代码制作一个菜单，但是无论我做什么修改，我仍然不能让它工作。我是一个完全的初学者，所以我不是很熟悉HTML的使用方法。我希望菜单使用一个图标，当我单击该图标时，菜单就会出现。此外，我希望在菜单中的项目有另一个自己的下拉菜单。请帮帮忙。

我遇到的另一个问题是，我为每个列表项都制作了一个图标。我想让它有一个在线网址，以便任何人谁查看该页面可以看到它。我试着将文件上传到像imgur这样的网站，并使用链接将图标链接到我的代码，但它不起作用。当我在本地链接它时，它工作得很好，但不是在线链接。我做什么好？

我很抱歉，如果我不能正确地提供我的代码，我就不知道该怎么办。

https://imgur.com/a/prHF9xr

编辑:伙计们，我学到，用Java script做这样的事情要容易得多，我应该等我学会了再做。谢谢你的帮助！

Answer 1

看看这个：

https://www.w3schools.com/css/css_navbar.asp

这展示了如何制作垂直或水平菜单。如果你想要每行一张图片，你需要添加一个背景图片到CSS链接中。

https://www.w3schools.com/html/html_images.asp

这就是"img“标签在html中的工作原理。

https://html.com/attributes/img-src/#Relative_URLs

这里显示了如何在绝对URL和相对URL中调用"img“src的示例。如果你的图片没有显示出来，可能是因为你的链接有问题。在上面的图片中，你的"img“src没有以.png，.jpg (图片文件扩展名)结尾，这就是为什么你的图片没有显示在网页上的原因。