If you're looking to make all images the same height and width, it will depend on whether you want them in a vertical or horizontal order using the method I will explain.
To achieve this, each image must be enclosed within a <div> element. You can then use CSS to specify the height and width by adding the style attribute within the div opening tag. For example,
style = "width : 100px; height: 100px;"
. The images should maintain their aspect ratio and fit within the div.
Next, you can insert your images with their sources. Here is an example code snippet:
<!DOCTYPE html>
<html>
<body>
<div style = "width: 1000px; height: 50px;">
<img class="items_soc" src="https://via.placeholder.com/100x150" style = "height: 50px; width: auto;"/>
<img class="items_soc" src="https://via.placeholder.com/150x150/aaa" style = "height: 50px; width: auto;"/>
<img class="items_soc" src="https://via.placeholder.com/150x100" style = "height: 50px; width: auto;"/>
</div>
</body>
</html>
This technique is commonly used for lists and rosters, but you can also set a specific height value and have the width set as auto.
<!DOCTYPE html>
<html>
<body>
<img class="items_soc" src="https://via.placeholder.com/100x150" style = "height: 50px; width: auto;"/>
<img class="items_soc" src="https://via.placeholder.com/150x150/aaa" style = "height: 50px; width: auto;"/>
<img class="items_soc" src="https://via.placeholder.com/150x100" style = "height: 50px; width: auto;"/>
</body>
</html>
Same outcome, different approach.