💡 掌控板图片显示问题解决指南：轻松搞定HTML服务器！

前几天逛论坛的时候看到了这样一篇帖子，可以用掌控板做网站服务器
本人虽然html不是很好（就是不会（但是我还是想逝世显示图片，不过显示成了这个样子（截图）
这就很尴尬了……
原图也上传了，各位帮我看看呗（
下面是使用的代码

from mpython import *

import network

my_wifi = wifi()

my_wifi.connectWiFi('CMCC-F2qJ', 'g7qd2ifh')
#连接Wifi
import usocket
#使用Socket
HOST, PORT = '', 80
#端口
socket = usocket.socket(usocket.AF_INET, usocket.SOCK_STREAM)
socket.setsockopt(usocket.SOL_SOCKET, usocket.SOCK_STREAM, 1)
socket.bind((HOST, PORT))
socket.listen(1)
#创建Socket参数
print('Serving HTTP on port %s ...' % PORT)
oled.DispChar(my_wifi.sta.ifconfig()[0], 0, (1-1)*16, 1)
oled.DispChar("服务准备完毕", 0, (2-1)*16, 1)
oled.DispChar("注意运行时间不要太长", 0, (3-1)*16, 1)
oled.DispChar("爱惜一点板子哦", 0, (4-1)*16, 1)
oled.show()
print(my_wifi.sta.ifconfig()[0])
#屏幕（串口）显示信息表示正常运行
while True:
client_connection, client_address = socket.accept()
request = client_connection.recv(1024)
print(request.decode("utf-8"))
#暂时不知道是干嘛的
http_response = """\
HTTP/1.1 200 OK

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>不欢迎你</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
padding: 0;
margin: 0
}
h1 {
font-size: 32px;
text-align: center;
}
p {
font-size: 24px;
text-align: center;
}
</style>
</head>
<body>
<img src="IllustrationBlur42.png">
</body>
</html>
"""
#上面这段都是网页代码
client_connection.sendall(http_response.encode("utf-8"))
client_connection.close()
#这个我不知道是干啥的