图片链接关键代码：
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>图文列表</title>
</head>
<body>
<ul class="nav" style="display: flex; text-align: center;list-style: none;">
<p>
<li class="item"><a href="https://www.php.cn/course/1382.html">
<img src="https://img.ivsky.com/img/tupian/t/202107/16/abuzhabi_qingzhensi-010.jpg" alt=""></a>
</p>
<a href="">魅力建筑</a>
</li>
</ul>
商品表
| 商品 | 价格 | 颜色 |
|---|---|---|
| 衣服 | xxx | 红色 |
| 裤子 | xxx | 蓝色 |
表格代码：
<table border="1" align="center" width="400" cellspacing="1"
style="text-align: center;">
<tr >
<th>商品</th>
<th>价格</th>
<th>颜色</th>
</tr >
<tr >
<td >
衣服
</td>
<td>
xxx
</td>
<td>
红色
</td>
</tr>