title: How to write mass amount of <li><img> tags with specific names? Files named in folder/server
body: <p>I have bunch of image files at one server directory  </p>
  
  <pre><code>servername/images/picture-name.jpg 
  servername/images/differentname.jpg  
  servername/images/hundredmore.jpg
  </code></pre>
  
  <p>I want to make them into a bunch of html tags in one go.</p>
  
  <pre><code>&lt;li&gt;&lt;img src="http://domain.com/images/picturename.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="http://domain.com/images/differentname.jpg"/&gt;&lt;/li&gt;
  &lt;li&gt;&lt;img src="http://domain.com/images/hundredmore.jpg"/&gt;&lt;/li&gt;
  </code></pre>
  
  <p>I also have the images in a folder on my hdd. Any idea how to take file-names and build these lists? For reference of my skill level, I only know html/css/ and bit of javascript. I guess you got to grab the file-names somehow and make a program that writes <code>"&lt;li&gt;&lt;img...."</code> before and <code>"/&gt;&lt;/li&gt;</code> after the grabbed name.</p>