使用html（不是css？）自动调整照片大小

我在我的网站上使用的公司（基于WordPress）有一个“自动博客”，但有些帖子的图片对于屏幕来说太大了。我希望能够粘贴一个代码，以确保长边只有，比如说500px，但保持正确的比率。我是一个新手，所以请让我知道在页面上的哪里粘贴代码以及。提前感谢！！！

示例代码：

ESCAPE One是一个可供道路使用的小型住宅，拥有276平方英尺的可适应空间
对于那些希望缩小规模的人来说，位于威斯康星州的小型轮式房屋建筑商已经推出了其最新的部门，the。276平方英尺的公园模型房车类似于一个极简主义小屋，外部有寿杉板，内部干净、松木，最多可睡4个人。
逃生房车/史蒂夫·尼多夫

尝试在HTML的标题部分添加以下内容

<style>
  img {
    max-width: 500px;
    height: auto;
  }
</style>

img{
最大宽度：500px；
高度：自动；
}