一 HTML基础入门

1.HTML概念

HTML是标记语言，由W3C组织提供的一套标记标签组成。其使用标记标签来描述网页，一个网页除了由大量的标签组成，还有后续要学习的css样式和JavaScript脚本组合而成。

1.1 网页与网站

网页：网页是构成网站的基本元素，由图片，视频，文字，声音等元素组成，常以.html结尾，因此网页也称作html文件

网站中的一‘页’，通过浏览器阅读，要浏览某个网站，先打开浏览器，在输入url，就可浏览相关网站；

是一个文件，它存在于计算机中，而这部计算机必须是与互联网相连，网页由网址（URL）来识别与存取的，当在浏览器中输入网址后，网页文件会被传送到正在浏览网页的计算机中，然后通过浏览器对网页进行解析，在展示给用户。

网站：是网页集合，多个网页集合在一起就形成一个大的网站；根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。

网站与网页最直接关系：网站有后台，即网站里边的内容可以更换；网页没有后台，里边的内容固定，没法更换。

某种程度上，网站由多个网页组成

1.2 HTML

HTML：超文本标记语言，用来制作网页的一种语言，由标签组成，如图片标签，链接标签，视频标签等，不是编程语言，是一种标记语言，

标记语言：一套标记标签（各种各样的标签）

超文本：1.可加图片，声音，动画，多媒体等（超越文本限制）

               2.从一个文件跳转到另一个文件，让世界各地主机的文件链接（超级链接文本）

网页形成：由前端人员，在一个html文件里面写上各种各样的html标签，通过浏览器打开即可看到网页

前端开发代码 ==》浏览器显示代码（解析，渲染）==》生产web网页

 

2 常用浏览器

2.1.常用浏览器

浏览器是网页显示运行的平台；常用的浏览器有IE，火狐（Firefox）,谷歌（Chrome，用的最多）,Safari（苹果）和Opera等

 

2.2.浏览器内核

浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面；

    

浏览器	内核	备注
IE	Trident	IE、猎豹、360极速浏览器、百度浏览器
firefox	Gecko	火狐浏览器内核
safari	Webkit	苹果浏览器内核
chrome/opera	Blink	chrome/opera浏览器内核，Blink是webkit分支

 

国内浏览器一般都会采用webkit/blink内核，如360、uc、搜狗等

 

 

 3.web标准

web标准是由w3c组织和其他标准化组织制定的一系列标准集合；

为什么需要web标准

浏览器不同（有的浏览器默认16px,有的默认24px），它们显示页面或排版有些许差异，代码符合w3c标准，即使不同浏览器看到的内容基本一致；

web标准构成：

结构（html）表现(css)、行为(js)

结构：对网页元素整理分类，指html;

表现：设置元素颜色，大小等外观，指css;

行为：网页交互（网页动起来），指js;

web标准提出最佳体验方案：结构、样式、行为相分离；

简单理解：结构写在html中，表现写在css文件中，行为写在js文件中；