第1步:你好世界!

最新推荐文章于 2023-12-28 10:16:55 发布

真的是我太天真

最新推荐文章于 2023-12-28 10:16:55 发布

阅读量426

点赞数

分类专栏： SAPUI5 文章标签： html js javascript

版权

40 篇文章 5 订阅

订阅专栏

说明

SAPUI5是关于HTML5的。让我们开始使用HTML构建第一个“Hello World”。

Hello World 预览

浏览器显示文本“Hello World”

你可以在演练-第1步查看和下载所有文件。

webapp/index.html (New)

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>SAPUI5 Walkthrough</title>
</head>
<body>
	<div>Hello World</div>
</body>
</html>

创建一个新的文件夹webapp，它将包含我们将在本教程中创建的应用程序的所有源文件。因此，我们称这个文件夹为“app文件夹”。

现在在app文件夹中创建一个名为index.html的新根HTML文件。HTML文档基本上由两部分组成:标题和正文。头部部分将被浏览器用来处理文档。使用元标签，我们可以影响浏览器的行为。

在本例中，我们将告诉浏览器使用UTF-8作为文档字符集。我们还将给我们的应用程序一个标题，将显示在浏览器中。要注意，我们的硬编码标题可能会被应用否决，例如用用户的语言显示标题。

主体部分描述页面的布局。在本例中，我们只是使用p标签显示“Hello World”。

提示
通常，webapp文件夹的内容作为一个应用程序包部署到Web服务器上。当部署webapp文件夹本身时，用于访问index.html文件的URL在路径中包含webapp。

约定
命名app index.html的根HTML文件，并在webapp文件夹中找到它。

章节

关注