Как организовать генерацию HTML из исходных данных?

<li>
				
				<div class="prog-image"><img width="100px" height="100px" src="image.png"></div>
				<div class="prog-name">Утро %CityName%</div>
				<div class="hour"> 09</div>
				<div class="minutes">05</div>
				<div class="date">25 ноября</div>
			
			</li>