Merhaba benim sorum şu titleid de bulunan aynı id lerden ilkinin yanındaki resimi seçmek
istiyorum örnek titileid 1 -> image/resim1.png , titleid2 -> image/resim5.png, titleid3 -> image/resim8.png

<h3>comment tablosu</h3>
id | titleid | image |
-- | --
1 | 1 | image/resim1.png
2 | 1 | image/resim2.png
3 | 1 | image/resim3.png
4 | 1 | image/resim4.png
5 | 2 | image/resim5.png
6 | 2 | image/resim6.png
7 | 2 | image/resim7.png
8 | 3 | image/resim8.png
9 | 3 | image/resim9.png
10 | 3 | image/resim10.png

<h3>titile tablosu</h3>
id | titlelar
-- | --
1 | başlık1
2 | başlık2
3 | başlık3

sonra bu iki tabloyu sql sorgusuyla birleştirip title deki titlelar ile comment tablosunun ilk imageleri
seçip döndürmek istiyorum aşağıda gösterdiğim gibi

<ul>
    <li>
        <img src="image/resim1.png" ">
        <h3>başlık1</h3>
    </li>
    
    <li>
        <img src="image/resim5.png" ">
        <h3>başlık2</h3>
    </li>
    
    <li>
        <img src="image/resim8.png" ">
        <h3>başlık3</h3>
    </li>
</ul>