HTMLのimgタブで表示している画像をブラウザの拡大縮小に対応したい

実現したいこと

ブラウザの拡大縮小に対応したimgの表示がしたいです。

発生している問題・分からないこと

今は単純に画像をimgタブで表示しているページがあるのですが、
ブラウザの拡大縮小をした時に画像が一切変化しません。
縮小されたら画像を小さく、拡大したら多きしたいのですが、やり方がわかりません。

該当のソースコード

html

1<img src="test.jpg">

試したこと・調べたこと

上記の詳細・結果

調べ方が悪いのか検索しても問題を解決できません。
知識のある方、教えていただけないでしょうか？

よろしくお願いします。

補足

特になし