「HTML+ CSS」代码初体验，动手书写我们的第一个网页[通俗易懂]

​想要制作一个网页我们需要需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：

1. HTML就像是一个大的盒子。我们可以把我们想要展示的内容、图片等装进这个盒子里边来表现；

2. CSS就像是盒子的包装。比如我们要给盒子添加颜色、给他塑造特殊的外观、装饰等，是用来给盒子添加样式的；

3. JavaScript这个就比较厉害了，这个是负责网页的动态呈现，就好比我们想要这个盒子有一个动的效果，而不是在那静静的呆着。

编码的软件有很多种，比如sublime text、vscode、webstorm等等，这里推荐新手使用Dreamweaver cc，简单易上手，不用安装其他的插件。

1）打开之前安装好的Dreamweaver软件，我们新建一个html的项目。（文件-新建-html）

2）这里Dreamweaver会自动的创建一个html的初始化模版，html包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息（css/js一般放于头部中），“主体”部分提供网页的具体内容，顶部的！doctype是对文档类型声明，它的目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义[DTD]来解析文档。

我们这里书写一个文字hello world让它在浏览器中显示并将颜色设置为红色。（具体的代码讲解我们后面会说到，这里这是给大家看一下网页展示）

3）整体代码完成以后，选择文件-保存，将文件保存为xxx.html的格式，然后双击打开我们的文件，就可以在浏览器上看到我们输入的hello world 的内容了，并且字体颜色是红色的。

大家可以自己动手写一写，多加练习练习。有什么好的建议或意见，可以私信联系我。