require引入图片的方式

在使用HTML中引入图片的方式有多种，以下是其中几种常见的方式：

1. 使用`<img>`标签：通过在HTML中使用`<img>`标签来显示图片。可以设置`src`属性来指定图片的路径，例如：

   <img src="path/to/image.jpg" alt="Image description">

这里的`src`属性的值可以是相对路径或绝对路径，指向图片文件的位置。`alt`属性用于提供图片的替代文本，当图片无法加载时会显示该文本。

2. 使用CSS的`background-image`属性：可以使用CSS来设置元素的背景图片，通过设置元素的`background-image`属性来指定图片的路径，例如：

   <style>
     .image-container {
       background-image: url("path/to/image.jpg");
       width: 200px;
       height: 200px;
     }
   </style>
   <div class="image-container"></div>

这里的`url()`函数中的路径可以是相对路径或绝对路径。

3. 使用JavaScript：如果需要在JavaScript中动态加载图片，可以使用`new Image()`对象来创建一个新的图片对象，并设置其路径，例如：

   <script>
     var image = new Image();
     image.src = "path/to/image.jpg";
     document.body.appendChild(image);
   </script>

这样可以通过JavaScript将图片添加到页面中。

这些是常见的引入图片的方式，具体使用哪种方式取决于你的需求和实际场景。