introtext is the database field that holds what you put in the Summary field when editing a document. It is usually just a short bit of text (a summary, or introductory text) summarizing the document’s content. It is often used in Ditto along with the links.
Make a chunk. Name it whatever you want; let’s say articleTpl. Put that template code in it.
<div class="news-listing">
<h2><a href="[~[+id+]~]">[+title+]</a></h2>
<p>[+introtext+]</p>
</div>
[~[+id+]~] may look a bit confusing; it’s two tags together. [~...~] makes a URL out of a document ID, and [+id+] is the placeholder Ditto will replace with the ID of the document it’s processing.
Now on the page where you want the list to show up, make a Ditto call, with &parent=`id` where id is the document ID of the parent document whose children you want to list.
Also put &tpl=`articleTpl`, or whatever you chose to name the chunk.
[[Ditto? &parent=`id` &tpl=`articleTpl`]]
If the individual article documents are children of the document that will be showing the list, you don’t even need to specify a parent ID; Ditto will use that document’s ID and make the list from its children by default.
Ditto will loop through all of the children of the document whose ID you specified, and fill in the [+...+] placeholders with the information from each child document in turn, thus creating your list.