I don’t know how to create nice printouts but it sounds like you need to learn html, css, and javascript. HTML is the bones. CSS is the skin and makeup (styling). Javascript (and jQuery) is the way to dynamically change whatever values you need changed.
For html, I like to think in terms of boxes. Just, boxes inside of boxes. This image is not complete but it gives the essence of the idea. The blue is the overall divs and the green are divs inside the blue.
<div class="blue float-left">
<div class="green float-left"></div>
<div class="green float-left"></div>
<div class="clearfix></div>
</div>
<div class="blue float-left">
<div class="green float-left"></div>
<div class="green float-left"></div>
<div class="green float-left"></div>
<div class="clearfix></div>
</div>
<div class="clearfix></div>
The class attribute is used for styling. There’s a lot of ideas here but it’ll at least give you a start. You may want to checkout something like purecss instead of writing your own css.
For javascript, checkout the MDN website. Use search terms like, “javascript mdn get element”. You may be interested in jQuery or javascript methods like document.getElementById
.
Good luck!
solved Price Tag for electronics Store in HTML **EDIT**(1)