本教程操作环境：windows7系统、dell g3电脑。
web前端的三大技术
web前端的三大技术是：html、css、javascript
根据 w3c 标准，一个网页主要由三部分组成：结构、表现和行为
1、结构层
结构层为页面的骨架，由 html 或 xhtml 标记语言创建，用于搭建文档的结构。
html 用来定义网页的内容，例如标题、正文、图像等；
2、表现层
表示层为页面的样式，由 css （层叠样式表）负责创建，用于设置文档的呈现效果。
css 用来控制网页的外观，例如颜色、字体、背景等；
3、行为层
行为层为页面的行为，由 javascript 语言创建，用于实现文档的行为。
javascript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。
javascript用于响应用户操作
即javascript 与 html 和 css 共同构成了我们所看到的网页，其中：
html 用来定义网页的内容，例如标题、正文、图像等；
css 用来控制网页的外观，例如颜色、字体、背景等；
javascript 用来实时更新网页中的内容，例如从服务器获取数据并更新到网页中，修改某些标签的样式或其中的内容等，可以让网页更加生动。
什么是 html？
html是超文本标记语言（hypertext markup language）是一种用于创建网页的标准标记语言。html负责网页三个组成部分中的结构，html使用标签的形式来标识网页中的不同组成部分。所谓的超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。
html 是用来描述网页的一种语言。
html 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
html 使用标记标签来描述网页
什么是 css
css 是指层叠样式表 (cascading style sheets)，样式定义如何显示html 元素，用于控制web页面的外观。css负责网页三个组成部分中的表现，样式通常保存在外部的 .css 文件中。我们只需要编辑一个简单的 css 文档就可以改变所有页面的布局和外观。
css可以用来为网页创建样式表，通过样式表可以对网页进行装饰。
所谓层叠，可以将整个网页想象成是一层一层的结构，层次高的将会覆盖层次低的。
而css就可以分别为网页的各个层次设置样式。
什么是 javascript
javascript，一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。被广泛用于web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常javascript脚本是通过嵌入在html中来实现自身的功能。
javascript 是世界上最流行的编程语言。这门语言可用于 html 和 web，更可广泛用于服务器、pc、笔记本电脑、平板电脑和智能手机等设备。
javascript 是脚本语言
javascript 是一种轻量级的编程语言，属于解释型语言。javascript是一门解释型语言，所谓解释型值语言不需要被编译为机器码在执行，而是直接执行。由于少了编译这一步骤，所以解释型语言开发起来尤为轻松，但是解释型语言运行较慢也是它的劣势。不过解释型语言中使用了jit技术，使得运行速度得以改善。javascript 是可插入 html 页面的编程代码。javascript 插入 html 页面后，可由所有的现代浏览器执行。javascript 很容易学习。基于原型的面向对象js编写位置
我们目前学习的js全都是客户端的js，也就是说全都是需要在浏览器中运行的，所以我们我们的js代码全都需要在网页中编写。我们的js代码需要编写到<script>标签中。属性：type：默认值text/javascript可以不写，不写也是这个值。
标签中。属性：type：默认值text/javascript可以不写，不写也是这个值。src：当需要引入一个外部的js文件时，使用该属性指向文件的地址。（学习视频分享：web前端入门）
以上就是web前端的三大技术是什么的详细内容。