今天我们开始新的课程，之前我们讲了后端的基本知识，今天我们来讲一下前端的知识。

什么是html?

我们打开一个网站，能有很多页面，这些页面都是以.html为后缀的文件，在这个文件里，能看到各种元素，比如：文字，图片，音频，视频等等，我们能看到网站里的所有的东西都是由html来写的，再加上css样式和js交互！我们可以通过浏览器打开一个网站，然后按下F12或者fn+F12就能查看到网站源码，也就是当前页面的所有的html元素！如下图

我们这里可以看到百度网站的源码！

一个基本的html格式如下，我们新建一个index.html文件，在里面写入以下内容：

    
        
    
    
        网站内容
    

然后，我们使用浏览器打开这个文件，将会看到以下内容：

一个html界面由闭合的元素组成，表示这是一个网站界面；分为头部和身体两个大部分，其中头部中的用来设置界面的标题，身体body部分是我们主要呈现内容的地方！头部head可以放一些样式文件和js文件以及meta标签！

什么是css样式？

我们看到一个网站页面，各种不同大小的字体，不同颜色的字体，以及各种布局都是使用css样式来实现的，样式是用来“装饰”网站的！

什么是javascript?

我们点击网站，有的时候会弹出各种弹框，还有各种逻辑判断，这些都是用javascript(js)来写的，js可以用来写前端的交互逻辑！

注：

html：html中的元素用来呈现内容；

css：用来修饰网站内容；

js：用来编写前端的交互逻辑；