What it does is that it uses a template, and simply replaces some markers with what you stored in some variables.
We have seen e.g. the command:
<?php $myHTML->setTitle('How to use CSE Display - Part 1'); ?>
. It does simply set a string that will replace the marker *·{TITLE}·* in each position where it is found in the template.
Look at the template for this file and see the markers:
<html>
<head>
<title>*·{TITLE}·*</title>
<!-- Generated by CSE display -->
<link rel="stylesheet" type="text/css" href="*·{CSS}·*">
*·{JS}·*
<body *·{ONLOAD}·*>
<center>
<table class=overall>
<tr><td colspan=4 class=title_element>*·{TITLE}·*</td></tr>
<tr><td class=side_col rowspan=2>
<table class=infobox_layer>
*·{LEFT}·*
</table>
</td><td class=button_row>*·{BUTTON}·*
</td><td class=side_col rowspan=2>
<table class=infobox_layer>
*·{RIGHT}·*
</table></td></tr>
<tr><td class=main_col>
<table class=main_display><tr>
<td class=top_leaf>*·{BODY_TITLE}·*
</td></tr>
<tr><td class=main_leaf>
<div class=main_body_frame>
<span class=main_body>
*·{BODY}·*
</span>
</div>
</td></tr>
<tr><td class=bottom_leaf>*·{BODY_FOOT}·*
</td></tr></table></table>
<span class=copyright>*·{COPYRIGHT}·*</span>
</center>
</body>
</html>
We will see those regions in the next step...