如何在html中为仪表板设计布局

我是HTML新手，我已经给了一个任务，用以下设计创建一个仪表板

---

任何人都可以帮助我设计这个HTML页面。我曾经尝试过JSFIDLE和w3学校，我遇到过关于div和tables的问题，但是我遇到了不同高度和宽度的HTML

欢迎来到这里。这是一个编程论坛，我们在这里帮助您排除故障或帮助您提供代码。请做一个简单的练习，阅读关于如何发布问题的说明。有很多在线课程（免费和付费）将教你如何使用Photoshop。嗨，西弗，很高兴听到你的回复，我能理解答案，但问题是我不知道如何在html中做到这一点，我在stcak溢出中提出了一个问题，因为这是程序员论坛，我试着从一个程序员到另一个程序员。忽略我关于设计的问题，请发布你的代码，这样有人可以帮助你。我们在这里帮助您编写代码，而不是编写完整的代码。