整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
有一个好的编辑器我们可以方便地的开发项目，编写代码，配置和管理我们的项目。所以我们开始编写html代码之前需要搭建开发环境。
基于html项目的开发和代码编写现在网上有很多编辑器，也有免费的，也有收费的编辑器。基于在Windows系统环境下开发和编写html代码最简单的编辑器就是Windows自带的记事本，我们可以使用记事本编辑html代码。
使用记事本编写html的步骤是首先新建一个文本文档，按照html的语法规则编写相关的代码和保存文件，然后把文件的后缀名改为.html，使用电脑上的浏览器打开就可以查看我们代码的运行结果。
虽然记事本也能编写html代码，但是效率不高也不方便，所以我们使用专业的编辑器来开发项目，编写代码和管理项目。
常用html代码编写的免费软件有HBuilderX，vs code，Sublime Text 等等。
HBuilderX官网下载地址：
https://www.dcloud.io/hbuilderx.htmlvs code的官网下载地址：
https://code.visualstudio.com/Sublime Text官网下载地址：
http://www.sublimetext.com/我们以后的教程都使用HBuilderX，所以下面为了同学们的学习方便，对HBuilderX的下载和安装做详细的教程。
一，下载
首先访问HBuilderX的官网网址：
https://www.dcloud.io/hbuilderx.html打开上面的HBuilderX下载网址后点击页面上download，在弹出的对话框里选择适合自己电脑的HBuilderX版本下载。
在Windows10环境下下载后的文件是一个压缩的.zip文件。
二，安装
鼠标右击下载下来的压缩文件进行解压。
解压完成后是一个名为HBuilderX的文件夹。
解压完成后鼠标双击HBuilderX文件夹：
双击运行名为HBuilderX.exe的应用程序文件即可启动HBuilderX编辑器：
因为HBuilderX是一个绿色软件所以没有桌面快捷方式和开始菜单快速启动程序，我们可以右击HBuilderX.exe文件创建桌面快捷方式。
小百科：
绿色软件指一类小型软件，多数为免费软件，最大特点是软件无需安装便可使用，可存放于闪存中，移除后也不会将任何记录留在本机计算机上。通俗点讲绿色软件就是指不用安装，下载直接可以使用的软件。绿色软件不会在注册表中留下注册表键值，所以相对一般的软件来说，绿色软件对系统的影响几乎没有，所以是很好的一种软件类型。
三，新建项目
HBuilderX编辑器初次启动时的默认界面是下图所示：
按照下图所示可以创建一个新的名为demo1空白项目：
名为demo1的空白项目创建成功后的界面如下图所示：
接下来在刚我们新建的demo1项目下创建名为helloworld的html文件
鼠标右击创建的demo1项目选择新建在选择.html文件：
在弹出的对话框里填入html文件的名称：
编写一段代码：
运行：
在浏览器上观察效果：
好了，到这里html的开发环境搭建和HBuilderX的安装教程结束了。
下面再给大家教一下怎样修改HBuilderX的主题风格，HBuilderX自身提供了修改软件主题的功能，使用者可以自身需求和喜好修改HBuilderX的风格。在喜欢自己喜欢的环境下做开发也是令人羡慕的一件事。
按照以下步骤可以修改HBuilderX的主题，默认主题是绿柔，我们可以改成雅黑，雅蓝或者自定义主题：
雅黑主题：
雅蓝主题：
好了本节全部内容全部结束了，希望我准备的内容对你有所帮助
你的支持是我的最大动力，若觉得我的教程还可以或对你有帮助为我点赞加关注！谢谢！
有试过自己写一个网页吗？听上去难，其实操作起来很简单，不夸张地说——有手就行。来试试看吧。
1）一个网站由若干个网页构成，这些网页是用超级链接有逻辑地联系起来的。
2）网站由网址来识别和存取。
3）网页需要上传到网络空间中，才能供浏览者访问网站中的内容。
即，一个网站需要有域名（网址）、网页、网络空间三部分。
1）语言
我们可以使用HTML来编写网页，HTML文件就是增加了标记的普通文本文件。
可以简单地使用记事本来编写一个网页，只需将文件后缀名改为html，然后用浏览器打开。
现在编写网页的语言其实由三部分构成：HTML,CSS,JavaScript。
1）HTML：早期编写网站的语言。
2）CSS：负责网站内容的表现形式。是在HTML原来的功能中分离出来的，这种分离可以使维护站点外观更容易，也让文档代码更简练，网页加载快。
3）JavaScript：负责动态部分。 使网页更加生动活泼，增加和用户的互动。
2）软件
前面已经讲到，可以简单地使用记事本来编辑网页。
这里在提出两款编辑软件：EditPlus，Dreamweaver。它们的能力是递增的。
EditPlus:
EditPlus相比记事本的优点是，可以带有html语言的语法高亮，而且可以在这个编辑页面中直接预览网页（点击左上角部分的小地球图标）。
前面已经提到，html语言文件就是增加了标记的普通文本。
那么首先，我们就要了解标记的作用：
一些简单的标记，可以让文本在网页中以另一种形式呈现出来。
简单起见，接下来就使用记事本来编写我们的网页。
首先，新建一个文本文件（txt），给它起个随便的名字。
然后用记事本打开它，输入以上内容，记得保存。
重命名文件，将文件后缀名改为html。
（<br>的意思是换行）
接着选择打开方式为某个浏览器（系统默认的浏览器就可以），就可以显示出我们刚刚编写的网页了。
是不是感觉朴素地有点过头了？没关系，第一次嘛。
<html>
<body>
<br>
<br>
<br>
这是我们的第一个网页。
<br>
<br>
<br>
</body>
</html>
这里我们用到了三个基本的标签：<html>、<body>和<br>。
其中<html>标志着我们html文件的开始，<body>则表示正文内容的开始。而</html>和</body>分别代表着对应部分的结束。<body>和</body>之间的一行文本，则是我们要展现的内容。而<br>则是换行，我们经常用这个标签来调整网页的上下距离。
增加一些其它的标签，让我们的网页更加生动一点。
<!doctype html>
<html>
<title>第一个网页</title>
<body
background = "宇宙.jpeg"
text = "#ccff66"
leftmargin = "300">
<h1>这是我们的第一个网页！</h1>
<p>可以简单留作一个纪念。</p>
<p>但我们的征途，是星辰大海！</p>
</body>
</html>标签 | 功能 |
<!doctype html> | 标识文件的语言标准，这里指的是html5 |
<title> | 网页的标题，即浏览器中页面的名字 |
<h1> | 一级标题 |
<p> | 一个段落的开始 |
在<body>标记中，还可以控制一些全局的呈现效果：
标识符 | 控制内容 |
background | 背景图片（需要在html文件相同目录下，加入相应的图片文件） |
text | 文本内容的颜色 |
leftmargin | 两边间距大小 |
下面是新的网页：
TML是制作网页的基础，我们在网站建设中谈论的静态网页就是基于HTML的网页。
早期的网页直接用HTML代码编写，但现在有许多智能网页制作软件（常用的如frontpage，dream weaver等）通常不需要手动编写代码，而是由这些软件自动生成。虽然不需要自己写，但是理解HTML代码仍然是非常重要的。
了解HTML是什么？它是学习网站建设的重要技术基础知识
下面我们自己可以动手创建一个非常简单的网页，首先我们让计算机显示扩展，方法是打开我的电脑，然后现在栏目工具》文件夹选项》查看》高级设置中找到《隐藏已知文件类型的扩展名》将其不勾选，并单击“应用”以确认设置。然后在桌面上创建一个新的TXT文件，将此文件命名为“xxx.html”（扩展名也可以是htm），这样你就可以用浏览器打开它，你就会看到自己制作的最简单的页面。
html是一种超文本标记语言，即html（hypertext markup language），是一种用来描述网络文档的标记语言。在页面的开头和结尾使用<html></html>标签。
总结：
1）HTML是我们常说的静态网页；
2）HTML是以Html或htm为扩展名的文件；
3）HTML某些标签代码规则，让内容在浏览器中呈现出我们所需要的样式；
4）HTML可以使用记事本创建，并以.html或.htm为扩展名保存。
html文件中的代码由具有一定的规则规律标签与内容组成。以指定的HTML结构和内容形成完整的html文件。我们可以直接使用浏览器来打开，查看网页效果。
如果您想在浏览器中显示各式各样的网页，我们就需要html文件（HTML基本结构+内容+标签）和css文件（css样式）来实现我们需要的漂亮网页。
动力节点老杜讲解的html学习教程，非常详细全面，完全适合小白入门
内容：讲解了HTML基础语法、HTML概述、W3C概述、B/S架构系统原理、table、背景色与背景图片、超链接、列表、表单、框架等知识点。
通过html教程的学习之后，不但可以开发基本的网页，还可以看懂别人编写的HTML页面。
HTML完整资料下载：
http://www.bjpowernode.com/?toutiaoweb.chai
1.HTML教程:课程内容概述
2.HTML教程:BS结构介绍
3.HTML教程:软件环境准备
4.HTML教程:HTML概述
5.HTML教程:我的第一个HTML
6.HTML教程:HTML的基本标签
7.HTML教程:HTML的实体符号
8.HTML教程:HTML的表格
9.HTML教程:HTML的单元格合并1
10.HTML教程:HTML的单元格合并2
11.HTML教程:thead tbody tfoot
12.HTML教程:背景色和背景图片
13.HTML教程:HTML图片img标签
14.HTML教程:HTML超链接
15.HTML教程:超链接的作用-request和response的概念
16.HTML教程:HTML列表
17.HTML教程:form表单初步
18.HTML教程:用户注册表单的实现
19.HTML教程:下拉列表支持多选
20.HTML教程:form的file控件
21.HTML教程:隐藏域hidden控件
22.HTML教程:隐藏域hidden控件2
23.HTML教程:readonly和disabled
24.HTML教程:控件的maxlength属性
25.HTML教程:HTML文档中节点的id属性
26.HTML教程:div和span在网页中的应用
*请认真填写需求信息，我们会在24小时内与您取得联系。
