網頁設計中，圖片的顯示尺寸常常需要進行調整，以適應不同的頁面布局和設備。在HTML中，可以使用一些代碼來實現圖片縮小的效果。

下面是一個完整的基于HTML的圖片縮小代碼：

<img src="example.jpg" alt="example" style="max-width:100%;" />

上述代碼中，img標簽用于插入圖片，其中：
src屬性指定了圖片的地址；
alt屬性用于在無法加載圖片時提供替代文本；
style屬性可以用來設置各種樣式。

在此代碼中，style屬性用到了一個重要的屬性值：max-width:100%。這個屬性值的含義是：圖片的最大寬度不能超過其所在容器的寬度，即圖片最大等比縮小至容器寬度。

值得注意的是，在使用此代碼時，需要將指定圖片的容器的寬度設置為需要的值，否則圖片將占據整個頁面寬度，使顯示效果變差。

此外，該代碼對于高度的限制則較為寬松，因為在保持圖片寬高比不變的情況下，縮小寬度就相當于縮小高度。

綜上所述，以上基于HTML的圖片縮小代碼既簡單易用，又具有良好的適應性，可以方便地實現各類網頁設計需求。