SAP UI5 初学者教程之三：开始接触第一个 SAP UI5 控件

本教程的前两篇文章，我们的 SAP UI5 应用界面里显示的 Hello World，一直都是通过 div 标签实现的。

本文作为这个教程的第三个步骤，我们会真正开始接触 SAP UI5 提供的控件之一：Text.

本步骤使用的源代码在下面这个链接处下载:

https://github.com/wangzixi-diablo/ui5-tutorial

同本教程的前一步骤相比，本步骤的 index.html 和 index.js 文件都增添了一些新的内容。

首先看这个步骤完成后的效果。

浏览器打开 index.html, 能看到 Hello world 的字符串，同时鼠标放上去，能看到一个 tooltip：

下面是具体的修改细节。

index.html

步骤1和2里，我们都使用 body 标签里的 div 标签，来显示 Hello world.

但是本步骤里，大家看，body 标签里包含的 div 标签内容是空的。同时，该 div 标签多了一个 id 属性，内容为 content. 并且有一个 CSS class，名为 sapUiBody. 这个 class 是 SAP UI5 标准的 CSS 库提供的，稍后我们会查看这个 class 实现了什么样的视觉效果。