The "create_account.shtml" page serves two purposes. It will either a) Create a new record in the [Applicants] table, or b) allow a user with an existing [Applicants] record to log back in again.

Since this page ends in a ".shtml" extension, the assumption is that this page contains dynamic content. If you use your Web Browser to view the HTML Source for this page, you won't get any clues to the dynamic nature of the page. Instead, you should look at the "create_account.shtml" file in the Room4Rent html folder.

4DSCRIPT Tag
The red circles in the picture are meant to draw your attention to several dynamic elements of the page. The first circle surrounds <!--4DSCRIPT/WSC_Intialize-->. Any time you are creating a semi-dynamic page that can be requested from 4D's Web Server directly by a web browser (e.g., http://127.0.0.1/create_account.shtml), it is a good idea to have an initialization script appear at the beginning of the file.

As you can see, not much is going on in this method. Mostly, it's a bunch of comments. A couple of calls to some Compiler Methods to declare the variables for the Web process, and that's it. Short and sweet. That's how an initialization script should be designed, to quickly execute the some basic code that a Web process will need.
4DINCLUDE Tags
The create_account.shtml file also contains two 4DINCLUDE tags. One is used to include the header (banner) file, and another to include the footer. The file "banner.html" is included at the very beginning of the page:

This banner file will be included at the top of every page served by the Room4Rent application. Its main function is to display the banner image, but it also serves to display an error message, should a problem occur. That is why the <!--4DVAR WEBF_t_ErrorMessage--> tag is there. WEBF_t_ErrorMessage is the name of a 4D Variable used by the Room4Rent application that holds the error text.
The "footer.shtml" file does not contain any additional 4D Tags like 4DVAR. It only includes the "Another 4D Solution" logo. However, the file can be modified as needed to change the footer. What's nice is that you only need to change the standard footer once and it will be changed in all the pages that link to it via the 4DINCLUDE tag.