Schnell HTML IMG Lösung

Question

Ich bin für eine Schnell/Schmutzige HTML-Lösung für ein einmaliges Problem suche

Ich habe viele Bilder, die ich auf eine HTML-Seite hinzufügen möchte, und haben sie die Größe zu verändern vordefinierte Größen.

Dafür habe ich zuerst verwendet:

<img src="1980_cover.jpg" alt="HTML5 Icon" style="width:128px;height:200px;"> 
<img src="1981_cover.jpg" alt="HTML5 Icon" style="width:128px;height:200px;"> 

Sieht aus wie ich es will, scheint aber ich kann nicht einen Text über sie hinzufügen

Also habe ich versucht:

<table border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td width="128px" height="200px" background="1980_cover.jpg" valign="bottom"><font size="+1" color="black">1980</font></td> 
    <td width="128px" height="200px" background="1981_cover.jpg" valign="bottom"><font size="+1" color="black">1981</font></td>  
    </tr> 
</table> 

Das Problem, das ich jetzt habe und das ich keine Lösung finden kann, ist, wie man die Bilder skaliert, anstatt sie zu beschneiden.

Wie gesagt, ich brauche dies nur einmal, so sollte es nur tun, was nötig ist, so einfach wie möglich, Vermächtnis oder schlecht HTML-Codierung ist kein Problem für mich

jedermann?

Answer 1

Falls Sie wollen nur das mit Ihrem zweiten Versuch erreichen, Sie CSS3 background-size-Eigenschaft wie so verwenden können:

background-size: 128px 200px; 

Sie diese Eigenschaft zusammen mit Ihrem Hintergrundbild in einem HTML-Inline-Stil verwenden kann Etikett.