Resimleri Yan Yana Dizme HTML (CSS Destekli)

ul {overflow:hidden;}
ul li {float:left; margin-right:20px;}
ul li img {border:2px solid #000;}
.clear {clear: both}

<ul>
   <li><img src="resim url adres" alt="alt yazısı buraya" title="title yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
   <li><img src="resim url adres" alt="alt yazısı buraya" title="title yazısı buraya width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
   <li><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
   <li><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
   <li><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></li>
   <li class="clear"></li>
</ul>

<ul>
   <li><a href="burayalink"><img src="resim url adres" alt="alt yazısı buraya" title="title yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></a></li>
   <li><a href="burayalink"><img src="resim url adres" alt="alt yazısı buraya" title="title yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></a></li>
   <li><a href="burayalink"><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></a></li>
   <li><a href="burayalink"><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></a></li>
   <li><a href="burayalink"><img src="resim url adres" alt="alt yazısı" title="title yazısı yazısı buraya" width="genişlik boyutu piksel" height="yükseklik boyutu piksel"></a></li>
   <li class="clear"></li>
</ul>