That is what
getResources is for. You tell the getResources snippet what resources you want to use, and a chunk to use for a template (we call these mini-templates "tpls" so they don't get confused with the main site templates), and in that chunk tpl you have the HTML structure for the block you want, using placeholder tags instead of the resource field tags. For example, for just title and summary, your tpl might look like this:
<li>
<h2>[[+pagetitle]]</h2>
<p>[[+introtext]]</p>
</li>
getResources will loop over all of the resources you told it to fetch (usually specifying a parent resource from which to fetch all of its children) applying this tpl to each one. So the placeholder [[+...]] applies to the resource that getResources is processing, while the resource tags [[*...]] will ALWAYS apply to the the current resource, i.e. the one with the getResources snippet on it. If you put [[*pagetitle]] in the chunk tpl, it would be the same for all of the listed items - the page title of the current resource.