web前端的开发教程

时间:2026-02-15 12:49:02

1、鼠标点击打开HBuilder软件,如图所示:

web前端的开发教程

2、点击菜单栏文件,新建-->web项目,如图所示:

web前端的开发教程

3、输入web项目名,demo3,然后点击完成按钮,如图所示:

web前端的开发教程

4、在index2.html文件中,键入如下代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>web前端的开发教程</title>

</head>

<body>

<h1>web前端的开发教程第一个页面</h1>

</body>

</html>

web前端的开发教程

5、然后点击运行-->浏览器运行,如图所示:

web前端的开发教程

6、在浏览器可以查看运行效果,如图所示:

web前端的开发教程

© 2026 一点知道
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com