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。