Html 从URL显示JSON数据并在网页上发布

我对JSON一无所知，请不要假设我对java、JSON或ajax了如指掌，我有一个来自Google sheets的电子表格，我能够将表格数据转换成JSON URL，这就是结果 我需要的是这样显示数据：

我知道我可能需要在某个地方使用CSS进行一些样式设置，我只需要知道在哪里。重要的是如何使用未存储在pc上的JSON数据，并将其用作HTML元素的基础

---

我的计划是以后将我的谷歌日历集成到电子表格中，只使用电子表格来更改我网站上的数据，而不必登录我的网站并在那里做任何事情。

您的问题相当广泛，但可能只需要您学习一点处理JSON的jQuery和JavaScript。为了时间的利益，我现在只能提供一个高层次的答案

您可以使用ul无序列表元素创建html文件来保存列表。在html文件中，可以使用jQuery对给定的JSON链接发出GET请求。用于发出请求的jQuery函数将包含一个回调，该回调将返回表示数据的JavaScript对象。为了将这些数据解析为JavaScript中的对象，我建议使用以下jQuery链接

接下来，您需要更新您的HTML列表。我建议阅读以下内容，了解如何通过jQuery推送到列表。基本思想是为html元素提供id，然后jQuery允许您从JavaScript修改这些html元素。在您的例子中，您可以创建li列表项元素并将它们附加到ul元素，通过前面提到的id访问这个ul元素

您可以使用HTML链接元素为每个列表项包含CSS，即：

<link rel="stylesheet" href="li-style.css">

---

“我对JSON一无所知，请不要以为我对java、JSON或ajax了如指掌”-作为回报，请不要期望这是一个可以从相关技术的基础知识开始学习的地方。请阅读。我希望这是有帮助的，不幸的是，正如我在问题中所说，我对编程、java、jquery、json或任何东西一无所知。我希望我将得到一些代码已经完成，我可以开始测试。你说的一切对我都没有帮助，因为我自己也不知道怎么做。如果我知道如何编写所有这些东西，我就不会在这里问这个问题了。不过无论如何，还是要感谢你花时间回答。这很公平，不过我要回头看看上面@CBroe的评论。如果你想学习一种新技术，最好建立一个良好的基础，通常从这些技术提供的简化教程或文档开始。我建议您尝试一些类似的方法，让您开始使用HTML、CSS和jQuery。如果我没记错的话，他们提供免费的在线互动课程。最后，如果您在编程过程中遇到任何问题，堆栈溢出是您的朋友。祝您一切顺利：