HTMLでは
<a href=xxx.http img=tokyo.png>image</a>
<a href=xxx.http img=nagoya.png>image</a>
<a href=xxx.http img=oosaka.png>image</a>
と画像を組み込むのが一般的かと思いますが、
画像を大量にいれなくてはならない場合でも、
上記のタグをたくさんコピペして、.pngの名前の部分を手作業で変えていっているのですが、
これを楽にできる方法はありませんか・・・？

例えば、imgの部分を
<a href=xxx.http img=image-001.png>image</a>
<a href=xxx.http img=image-002.png>image</a>
<a href=xxx.http img=image-003.png>image</a>
として、入れ込む画像の方の名前も一括リネームで001,002,003...とやれば比較的早くできると思うのですが、
画像を開いた時の名前が何の画像かわからない、htmlをいじる側もpngが番号だと画像を開くまで内容何かわかりづらい、
といった欠点があると思うのですが、良い方法はありませんか？
正規表現を使えばいけたりしないのでしょうか VisualStudioCodeを使用しています
宜しくお願いします