Web前端开发入门（一）简介

1、Web前端是什么

互联网正在改变着我们的生活，我们可以足不出户的在网上平台购物、预约、看网页视频、浏览网页新闻等等，您看到的每个网页就是一个Web前端的设计页面，简单讲，当你在手机或电脑上看到这篇文章时候，已经接触到web前端了。

通俗的讲，Web前端就是一个展示给用户的一张网页，用户可以在网页上完成自己想要的需求。

1.1Web前端包含哪些技术？

一般来讲，网页主要由三部分组成：结构、表现和行为，对应的编程语言分别是HTML、CSS和JavaScript，下面我们先分别简单介绍一下这三种语言:

1.1.1 HTML

HTML全称“Hyper Text Markup Language”（超文本标记语言），网页的所有元素都是由HTML组成的，例如，想做一个输入框来获取用户输入的信息，如下图所示：

其HTML代码就是

在记事本中输入这段代码，然后保存成后缀名为html的文件，用浏览器打开，就是一个输入框。

1.1.2 CSS

CSS全称是“Cascading Style Sheets”（层叠样式表），主要是用来美化HTML元素的，最新的CSS3.0在浏览器的支持下还可以实现一些简单动画效果，如下图所示

其中实现其控制颜色的代码就是:

color:red;(green,black)

完整的代码如下

我是红色

我是绿色

我是黑色

1.1.3 JavaScript

JavaScript虽然和大名鼎鼎的Java开头四个字母一样，但是它们两种语言一点关系都没有，JavaScript可以为网页提供前端数据校验、前后端数据传输等功能。

1.2 Web前端技术学了有用吗？

有用，

很有用，

非常有用！

重要的事情说三遍，除了我们常用的电脑网页外，微信公众平台、小程序、甚至手机App都可以用Web前端技术来实现，本教程后续都会给大家介绍。