Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Table of Contents
minLevel1
maxLevel7

...

Code Block
<div class="jumbotron jumbotron-fluid px-3" style="text-align:center">
  <h3>Introduction</h3>
  <p>You are about to interact with our conversational agent <b>YourAgentName</b>.</p>
</div>
Info

We will often need to piece together parts of HTML code or elements. As a convention, we will use the atomic_list_concat/2 for that purpose. The benefit of using this built-in predicate is that it allows us to put an arbitrary number of elements inside the list this predicate expects for its input argument and when atomic_list_concat(+List, -Atom) succeeds its output argument Atom unifies with the concatenated HTML code (as a single quoted atom data type).

span tag

The span tag is an inline element that is commonly used to style HTML content. We have added a span/3 predicate span(Content, Style, Html) that just does that and nothing else. An example of a span tag that can be useful is to style the content and change the font family that is used within some HTML content:

...

By means of these and generate with the rule. The HTML code is represented in Bootstrap format, which is also clearly illustrated by examples below or on Bootstrap's documentation website (Bootstrap Documentation).

Note

Prolog Advice: To manipulate strings and atoms in Prolog it is useful to look at documentation of the following built-in functions: atomic_list_concat, atom_concat, string_concat, append, and maplist here: https://www.swi-prolog.org/. The predicate applyTemplate is a defined predicate that will be explained below.

...