在这个指南中,您将学习如何创建一个基本的Web应用程序。我们将使用一个简单的HTML和JavaScript示例来展示如何构建和运行您的第一个应用程序。
创建您的项目文件夹
首先,创建一个用于存储项目文件的文件夹。您可以在文件管理器中右键单击,然后选择“新建”->“文件夹”。将其命名为my-first-app
。
mkdir my-first-app
编写您的应用程序
打开命令行窗口,进入您的项目文件夹:
cd my-first-app
创建一个名为index.html
的文件,并添加以下内容:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个应用程序</title>
</head>
<body>
<h1>欢迎来到我的应用程序</h1>
<p>这是一个简单的Web应用程序。</p>
<button onclick="greet()">点击我</button>
<script>
function greet() {
alert('您好!');
}
</script>
</body>
</html>
保存文件后,您现在拥有了一个简单的Web应用程序。
运行您的应用程序
打开命令行窗口,并运行以下命令来启动本地服务器:
python -m http.server
您应该会看到一条消息,指出服务器正在监听端口8000。打开Web浏览器,并在地址栏中输入 http://localhost:8000/index.html
,您应该能够看到您的应用程序正在运行!
扩展阅读
要了解更多关于Web开发的知识,您可以访问我们的开发者中心,了解更多关于HTML和JavaScript的基础知识:/developer-center/docs/tutorials/learn-html-css。
HTML 5
JavaScript