零基础html5+div+css+js网页开发教程第005期 hbuilder网站开发环境搭建

刘金玉编程

发布于 2019-11-25 22:22:30

7780

发布于 2019-11-25 22:22:30

文章被收录于专栏：编程创造城市编程创造城市

欢迎小伙伴继续观看网页开发教程。该教程是基础有简单计算机基础，但是却没有网页开发基础的同学使用的。如果您毫无计算机基础，对于本教程的使用还是会有一点的难度。

以前的网页开发，我们通过自己手工创建记事本和网站结构的方式，深刻理解了网页开发原理，对我们进一步理解和后期开发起到非常重要的作用。

本节知识视频教程

以下开始文字讲解：

本节开始，我们来使用一个很不错的开发工具，使用软件开发工具，我们可以很大提高开发效率。

1.hbuilder介绍

HBuilder是DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。[1] HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。

下载地址：

https://www.dcloud.io/hbuilderx.html

简单演示：

使用网页预览效果：

2.提示

代码提示

Alt + /

3.总结

1、注意点，浏览页面的时候，要点击左侧列表中的页面

2、下载时候，一般只要用到14M的轻量级来学习，可以用用来打基础

3、新建项目的时候，要注意可以选择模板

html源代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>刘金玉编程</title>
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    
  </head>
  <body>
    欢迎随便来一段吧欢迎您来到刘金玉编程让我们一起努力，用编程创造城市。
  </body>
</html>

css源代码：

body{
  color:blue;
}

本文参与腾讯云自媒体分享计划，分享自微信公众号。

原始发表：2019-11-17，如有侵权请联系 cloudcommunity@tencent.com 删除

html

java

网站

本文分享自编程创造城市微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

html

java

网站

登录后参与评论

0 条评论

热度

零基础html5+div+css+js网页开发教程第005期 hbuilder网站开发环境搭建

零基础html5+div+css+js网页开发教程第005期 hbuilder网站开发环境搭建

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐