Create a HTML Page for Your Mobile App

You first create a HTML page and define the meta tags, a script tag to load the SAPUI5 libraries and a placeholder for your mobile app.

Procedure

Create a HTML page called mobile.html
Add the HTML5 doctype definition: <!DOCTYPE html>" in the first line and the Internet Explorer-specific meta tag :<meta http-equiv="X-UA-Compatible" content="IE=edge" />" are the beginning of <head> element. This ensures that all browsers use the latest version of their rendering engine. Although Microsoft Internet Explorer is not really used widely on mobile devices and not yet supported by the SAPUI5 mobile library, this meta tag makes the page more future-proof.
Add a second meta tag: <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>. This lets all browsers treat the file as UTF-8 encoded (assuming that you use this encoding when editing/saving the file)
Add a <div> element to <body>.
The "sapUiBody" class should always be added to the <body> tag to initialize font and colors for the whole page:
```
<body class="sapUiBody">
    
    <div id="content"></div>
</body>  
```
To load the SAPUI5 JavaScript file, that contains the library, add the following script tag in the <head>:
```
<script  src= "http://<http://<server>:<port>/sapui5/resources/sap-ui-core.js"
       id= "sap-ui-bootstrap"
       data-sap-ui-libs= "sap.m"
       data-sap-ui-theme= "sap_mvi">
   </script>
```
Note that you are only loading the "sap.m" control library and the "sap_mvi" theme. mvi stands for Mobile Visual Identity and is the name of the SAP Mobile design.
Replace <server> and <port> with your local SAPUI5 installation or point to the SAPUI5 libraries on SAP HANA Cloud: https://sapui5.hana.ondemand.com/resources/sap-ui-core.js

Results

At this point, SAPUI5 including the mobile controls is loaded and ready to use.

Next Steps

Initialize the Mobile App