我就先不討論，一個頁面上放超過100張以上的圖片。是找死的行為這件事。

一般比較快的方式是利用編寫工具。最好是找能匯出html的為主，或是本身就是編寫html的工具
如果用現成的WORD，也是可以先將圖片全COPY貼上到文件上後。再匯出成html處理。

基本上這些工具都會有支援拷貝/貼上。
可以先將圖片貼上後再做整理。

另外一招則是圖片重新命名數位化。之後再利用一些後端語言來處理。
不過因為你是想要用 html 所以這部份我就跳過不提了。

用php or asp寫程式
1.取得資料夾內所有圖檔名稱
2.迴圈400次，依序將檔名寫入

然後打開網頁時，就會自動依照程式碼產生400張圖的對應連結。
大概十幾行程式碼就可以搞定吧.....

給你個建議 發文要講清楚內容 你補充的跟你原本發問的一樣模糊
還要別人繼續問你才知道你到底要幹嘛
不要一直重複你模糊的發問 寫三次貼三次還是一樣不清楚

提問的藝術：為什麼你該這樣問
一本書兩百塊買來省下你幾萬元的時間
提問的藝術：每個提問者都應該要注意的提問流程
線上文章至少讀過一次知道怎麼問 這也是禮貌問題
提問的智慧 - GitHub
----------------以上幹話結束

這樣的需求 跟html應該無關
你只是想要迴圈寫出img裡面的src而已
用隨便一個有迴圈的語言 然後批次把圖片檔名改成xxxx1.jpg
之後用迴圈去遍歷生成
xxxx1.jpg
xxxx2.jpg
xxxx3.jpg

至於外面要包一個img也就只是修一下 跟是不是html沒啥關係

至於如果不想批次修改檔名 那麼你需要的就只是python
用python針對資料夾去獲取一個檔案名稱的json也行 再隨便用個語言寫迴圈即可
不要想著什麼匯入資料夾 你想太多 花錢就有
沒錢就自己學迴圈 學腳本語言 學後端

還有這無關快不快 如果你不懂程式的迴圈 可能要花你十五個小時去了解
那麼你還是手動貼400張比較快

PHP 的範例

<?php
$folderPath = "path/to/image/folder/";
$imgElements = "";
$imgLinks = scandir($folderPath);
foreach($imgLinks as $link) {
    if (strpos($link, '.jpg') !== false) {
        $imgElements .= '<img src="' . $folderPath . $link . '">';
    }
}
echo $imgElements;
?>

可以先寫個簡單的 NodeJS 腳本把檔名拉出來之後加些字就可以了
如果要動態的可以嘗試 webpack 等方式比較省力

const {readdirSync} = require("fs")

const files = readdirSync("資料夾")

console.log(files.map(x => `<img src="${x}"/>`).join("\n"))