网页设计基础内容

1.网页：

1.1网页概念：

顾名思义，网站的页面，网站是网页的集合

1.2网页的组成：

图片，文字，音频，链接（元素）

1.3网页的本质：

网页的后缀名一般为html/htm，本质上是一个html文件（就是一个由html语言（html标签）组成的文件）

1.4什么是html?

html是一种超文本标记语言，用来制作网页，由标签组成

所谓超文本，就是不仅仅能存放文字（超出了文字的界限）
并且可以从一个文件（一个网页）跳转到另一文件（超级链接文本）

2. 网页的制作步骤：

1 在一个html文件中写好各种html的标签

2 通过浏览器打开解析生成网页

3.常用浏览器及其内核

3.1 五大浏览器：

• IE浏览器

• 火狐

• 谷歌：占据了一半的市场

• opera浏览器

• safari浏览器

3.2浏览器内核

3.2.1内核作用：

读取网页内容，整理计算并显页面

3.2.2各浏览器内核

IE:猎豹，360，百度：trident

火狐：gecko

saari：webkit

谷歌/苹果浏览器：blink

国产浏览器大部分为webkit或者blink内核

4.Web标准（网页设计标准）

由W3C组织和其他组织制定的一系列标准。

4.1为什么需要web标准？

使网页内容能够在不同浏览器下网页效果达到统一。

4.2web标准的构成：

1. 结构：将网站元素进行整理分类，主要学的HTML
2. 表现：颜色，大小，修饰的各种效果,主要值CSS
3. 行为：交互效果，使页面生动有活力，主要学JavaScript

4.3web标准提出的最佳用户体验方案：

将三者相分离（结构写到html文件中，表现写在CSS文件中，行为写到javaScripy文件中）
三者中最重要的是结构（身体）

五.html标签（网页结构）

5.1html语法规范：

（1）所有的标签都保存在尖括号< >中

并且大多时候标签成对出现（双标签），第一个称为开始标签，第二个标签称为结束标签 。
只有小部分单独出现（单标签）

（2）标签之间的关系

（1）包含关系（父子关系）

（2）并列关系（兄弟关系）

5.2html基本的结构标签（骨架标签）：

（1）四种标签

1. html标签：也称根标签（页面中最大的标签）
2. head标签：也称头部标签（页面的头部）
3. title标签：标题标签（网页的标题）
4. body标签：主体标签（网页文档的主要内容）

（2）四种标签之间的关系：

html标签是爷爷

head标签和body标签是儿子

title标签是孙子

关系：