Table of Contents | ||||
---|---|---|---|---|
|
...
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 |
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. |
...