Web前端学习第一天-初识网页

Web前端学习第一天-初识网页

1、前端

    1.1什么是前端？

    1.2什么是网页？

    1.3网页是由什么构成的？

    1.4什么是HTML

2、Web

    2.1网页三剑客

    2.2Web标准

    2.3Web标准构成

1.1什么是前端？

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。

1.2什么是网页？

网站：在因特网上根据规则，使用HTML语言制作的用于展示特定内容的网页集合。

网页：是网站中的一页，由HTML语言编写，通过浏览器来打开。

网页是网站的基本元素，由文字、标题、图片、视频等元素组成，我们打开浏览器所能看到的都是由HTML的文件构成的。

1.3网页是由什么构成的？

网页：是由网页元素构成，使用超文本语言HTML标签构成，通过浏览器解析显示给用户。

1.4什么是HTML？

HTML (Hyper Text Markup Language) 是超文本标记语言，它是描述网页的一种语言。HTML不同于Java等编程语言，HTML是一种标签语言就好比如是积木，几乎用于所有网页的制作，没有HTML就没有网页。

超文本，有2层含义：

1.它可以加入图片、视频、动画等内容（不局限于文本）；

2.它还可以由一个文件跳转到另一个文件，实现网页中的跳转。

但仅仅使用HTML就可以实现一个网页的制作了吗？

答案肯定是可以的，但是很粗糙。

2.1网页三剑客

但要真正的实现一个网页的制作通常都需要以下三件套。

HTML、CSS、JavaScript。

HTML就好比如一个赤裸的身体，只有一个结构，并没有其他物体修饰。

CSS就好比如衣服，可以添加到HTML（身体）上，让外表更加的好看。

JavaScript就如同一个可实现的动作，如一个网页的跳转、按钮的响应等。

这就是我们口中常说的网页三剑客。

如果一个开发团队中，每个人写的HTML、CSS等格式都各不相同怎么办？

这时候就需要一个有权威的组织来制定一系列的标准，让不同的开发人员写出的页面更标准、更统一。

2.2Web标准

Web标准是由 W3C 组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。

2.3Web标准的构成

主要包括结构、表现和行为3个方面

标准	说明
结构（HTML）	结构用于对网页元素进行整理和分类
表现（CSS）	表现用于设置网页元素的版式、颜色、大小等外观样式
行为（JavaScript）	行为是指网页模型的定义及交互的编写

我们通常可以简单理解为：

结构写在HTML文件中；

表现写在CSS文件中：

行为写在JavaScript文件中。