HTML 让图表和图表之间有几个空格

在HTML中，图表通常指的是通过`<img>`标签插入的图片。HTML中的空格是指文本间的空格、制表符（Tab）、换行符（LF）和回车符（CR）。当你在图表标签之间直接输入空格字符时，这些空格通常不会在网页上显示为实际的空格，因为HTML会忽略连续的空白字符，并且只保留一个空格。

如果你想要在图表之间有空格显示，你可以使用几种方法：

1. 使用HTML实体`&nbsp;`（Non-Breaking Space），它代表一个空格，且不会因为HTML的压缩而消失。例如：

   <img src="chart1.png" alt="图表1" />&nbsp;<img src="chart2.png" alt="图表2" />

2. 使用CSS样式，将`margin`或`padding`属性应用于`<img>`标签，从而为图表创建空间。例如：

   <img src="chart1.png" alt="图表1" style="margin-right: 10px;" />
   <img src="chart2.png" alt="图表2" style="margin-left: 10px;" />

或者在CSS文件中设置：

   img {
       margin: 0 10px;
   }

3. 使用HTML的`<br>`标签或其他容器标签（如`<div>`或`<span>`）来添加换行或分隔，从而在图表之间插入空间。例如：

   <img src="chart1.png" alt="图表1" /><br /><img src="chart2.png" alt="图表2" />

或者使用`<div>`：

   <div style="margin-bottom: 10px;"><img src="chart1.png" alt="图表1" /></div>
   <div style="margin-top: 10px;"><img src="chart2.png" alt="图表2" /></div>

需要注意的是，HTML的显示效果还受到浏览器、CSS和页面布局的综合影响。