html基础知识---前端入门教程

基础概念

学习前端 知识之前需要了解几个基本的概念，了解这些概念有助于学习前端的知识。以下是几个基础概念的简单介绍。

一、互联网

要知道什么是互联网之前，要先知道什么是网络， 网络是由节点和连线构成，表示诸多对象及其相互联系。 我们把各种信息用文件的形式存储起来，这些文件互相连接而形成的网络就是互联网。

在互联网中，这些文件之间是可以相互访问的。

二、文件

在本章节中讲到的文件是指计算机文件，计算机文件属于文件的一种，与普通文件载体不同，计算机文件是以计算机硬盘为载体存储在计算机上的信息集合。

文件的种类多种多样，常见的文件有word文件，Excel文件，txt文件，视频文件，图片文件等。 

三、服务器

服务器，也称伺服器，是提供计算服务的设备。

服务器是互联网上文件放置的位置。

用一个简单的例子来对比：

个人使用的电脑是私人的领地，其他人不能随意访问。

服务器类似一个公共的电脑，是公共的场所。

文件放在服务器上是共享的，可供所有人访问。

四、域名和IP

文件放置在服务器上，如果要访问一个服务器，需要知道服务器一些相关信息，例如服务器名或者服务器的编号。

我们把给服务器取的名字就叫做域名，例如 前端大学 网的域名：qianduandaxue.com

把服务器的编号称作 IP， IP 是全球统一的。IP是由四个数字组成，例如：127.0.0.1

域名和IP不能随便取，不然会冲突，所以需要去申请。 

一般域名和IP都是向服务商购买的，比如阿里云。

五、域名解析

互联网是通过IP地址来寻找服务器的，通过IP可以精准定位到服务器。

如果把域名和IP绑定起来，域名指向到IP，建立一对一的链接关系，这就叫做域名解析   

六、网页

网页是构成网站的基本元素，是承载各种网站应用的平台。

网页的本质也是文件，是html文件，是一种特殊的，可以被浏览器解释的文件。

举例：

七、浏览器

浏览器是指可以显示网页服务器或者文件系统的HTML文件（标准通用标记语言的一个应用）内容，并让用户与这些文件交互的一种软件。

常用的浏览器：360浏览器，fireFox浏览器、QQ浏览器、chrome浏览器，傲游浏览器等等。

不同的浏览器因为浏览器的内核不同，解析网页会有一定的差别。

通常，前端使用chrome浏览器。

了解了以上几个概念就可以更加快速地开始学习前端开发的知识了。

 学习的知识

前端开发要学习的知识很多，大致上可以分为以下几种：

一、 HTML

HTML是超文本标记语言，是用来编写的网页的内容（结构）。

HTML可以说是一个网页的肉身。

代码展示：

二、CSS

CSS是层叠样式表，用来编写网页的外观（样式）。

CSS可以说是网页的皮相。

代码展示：

三、  

只有HTML和CSS的网页是一个静态的页面，可以看做是一个植物人。

是脚本，用来编写网页的功能（行为。）

可以看做是网页的灵魂。

代码展示：

四、服务器相关知识

当一个网页完成后，需要让别的用户能够访问，那么就需要知道一些服务器相关的知识，比如如何把网页放到服务器上，服务器的配置和服务器的管理。   

五、动态网页

通常一个网页能够根据不同的用户展示出不动的内容，这样的网页叫做动态网页。

动态网页需要配合后台的知识来实现，后台语言有很多，PHP就是其中一种。

PHP代码展示

六、数据库

在网络中，一些数据需要被存储起来，例如用户的注册信息等。

通常我们都是使用数据库来存储这些数据。

数据库(Data )是按照数据结构来组织、存储和管理数据的建立在计算机存储设备上的仓库。

数据库举例：MySQL

MySQL的一个可视化界面：

七、框架

学习完了以上的知识后，你已经会制作网页了，但是亲自去将一个个代码编写出来的方式开发网页的效率很低。为了提高开发的效率，需要学习使用各种框架。

框架是已经被编写好的代码，可以直接拿来使用。

主流的一些框架有：jQuery、bootstrap、Vue、thinkPHP。