Auto-Resize-Fotos mit HTML (nicht CSS?)

Question

Die Firma, die ich für meine Website (WordPress basiert) verwendet hat einen "Auto-Blog", aber einige der Beiträge haben Bilder, die viel zu groß für den Bildschirm sind. Ich möchte in der Lage sein, einen Code einzufügen, um sicherzustellen, dass die lange Kante nur ist, sagen wir 500px, aber hält das Verhältnis korrekt. Ich bin ein Neuling, also lassen Sie mich wissen, wo auf der Seite, um den Code auch einfügen. DANKE IM VORAUS!!! http://embarkre.com/category/real-estate-news

Beispielcode:

<div> 
 
<p class="subtitle">ESCAPE One is a road-ready tiny home with 276 square feet of adaptable space.</p> 
 

 
<figure><img src="https://s3-us-west-2.amazonaws.com/dwell-ugc/photos/6063391372700811264/6301479718082105344/large.jpg" alt="" width="700" height="467" /></figure> 
 
<div> 
 

 
For those looking to downsize, Wisconsin-based builder of tiny homes-on-wheels <a href="http://www.escapetraveler.net/" target="_blank">ESCAPE</a> has launched its latest unit, the <a href="http://www.escapetraveler.net/model-one" target="_blank">ESCAPE One</a>. The 276-square-foot Park Model RV resembles a minimalist cottage with a shou-sugi-ban exterior and clean, pine interiors, and can sleep up to four people. 
 

 
</div> 
 
<figure><a href="https://www.dwell.com/article/hit-the-road-with-this-shou-sugi-ban-trailer-asking-just-under-dollar50k-d5961fd8/6301479715116331008"><img src="https://s3-us-west-2.amazonaws.com/dwell-ugc/photos/6063391372700811264/6301479715116331008/large.jpg" alt="" width="1600" height="1066" /></a> 
 
<figcaption>ESCAPE RV/Steve Niedorf </figcaption></figure> 
 
<div>

Answer 1

Versuchen Sie, die folgenden in der HEAD-Abschnitt Ihrer HTML hinzuzufügen.

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