HTMLの画像ループ

Question

：

<img src="images/favicon.ico" style="width:16px;height:16px"> 
<img src="images/favicon.ico" style="width:16px;height:16px"> 
<img src="images/favicon.ico" style="width:16px;height:16px"> 
<img src="images/favicon.ico" style="width:16px;height:16px"> 

は誰でも助けることはできますか？

Answer 1

divのようなものを使って試してみることもできますが、それでもスタイルは4divになります。動的マークアップを使用するには、PHPを使用する必要があります。それを行うためにJavaScriptを使用することも可能ですが、それは洗練されたソリューションではありません。

編集：このような

for ($i = 1; $i <= 4; $i++) { 
    echo "<img src='images/favicon.ico' style='width:16px;height:16px'>"; 
} 

Answer 2

何か：PHPのために、これはトリックを行うだろうか？

HTML：

<div id="container"> 

</div> 

はJavaScript：

var count = 5; 
var index = 1; 

while (index <= count) { 
    document.getElementById('container').innerHTML += '<img src="http://wfarm1.dataknet.com/static/resources/icons/set95/5076c9d9.png" style="width:16px;height:16px">'; 

    console.log(index); 
    index++; 
} 

フィドル：https://jsfiddle.net/vgz5pukg/