Day2前端之HTML前篇

一、学习HTML所要达成的目标

1. 网页的基本组成是哪些
2. 用自己的话说出什么是HTML
3. 常用的浏览器是哪些
4. Web标准的三大组成部分

二、网页

2.1什么是网页

• 首先先知道什么是网站，网站是通过一定的规则，使用html等制作然后用于展示特定内容的网页的一个集合
• 可以理解为网页是网站中的一‘页’，通常是html格式的，通过浏览器阅读
• 网页由图片、链接、文字、音频、视频等元素组成，网页是构成网站的基本元素，我们看到的网页以.htm和.html后缀结尾。俗称HTML文件

2.2什么是HTML

• 全称是超文本标记语言（HyperText Markup Language)，不是一们编程语言而是一种标记语言，也可以说是标签语言，有自己的一套标记标签。如<文字>我是文字<文字>
• 为什么叫超文本，因为它超越了文本限制，可加入图片、声音、动画等多媒体，还可以从一个文件跳转到另一个文件，而且与世界各地文件链接（也就是超级链接文本）
• 新建文本，写入如下代码保存，修改后缀为.html打开浏览器，这就是一个很简单的网页了

<img src="test.png">

2.3网页的形成

• 网页由网页元素组成，利用html标签
  描述出来，浏览器就像一个翻译官把这些内容解析显示给我们看
• 前端RD --> 浏览器显示代码（解析并渲染）–> 生成Web页面

2.4网页的总结

• 网页由图片、链接、文字、音视频等元素组成，它就是一个html文件
• RD写好html文件后用浏览器打开就能展示网页
• HTML超文本标记语言是用来制作网页的一门语言，由各种标签组成<文字><视频><图片>

三、常用的浏览器

3.1全球常见五大浏览器

火狐、谷歌、Safari、Opera和 IE(已更新为Edge)
市场份额：tongji.baidu.com/data/browser

3.2浏览器内核

浏览器	内核	备注
iE	Trident	iE、猎豹、360极速、百度
firefox	Gecko	火狐
Safari	Webkit	苹果
chrome/Opera	Blink	chrome和opera, Blink就是Webkit的分支
国内各种	Webkit/Blink	UC、QQ、搜狗、360

四、Web标准

重点

• web标准由W3C（万维网联盟）组织和其他标准化组织一起制定的一套标准集合

4.1为什么需要Web标准

• 浏览器千千万万，你的头像显示出来各种各样，肿么办？RD顶上！
• 除了可让RD写出标准的页面，还有以下优点 ：

1. 让web发展前景更广
2. 内容被各种设备访问
3. 更容易被搜索引擎搜索
4. 降低网站流量费用
5. 是网站便于维护
6. 提高浏览速度

4.2web标准的构成

结构（骨架）：结构用于对网页元素进行整理分类，也就是HTML，搭建出一个大题框架，这也是三者中最重要
表现（皮肤）：用于设置网页元素的版式、颜色、大小等外观样式，也就是CSS, 加以上色修饰
行为（肌肉）: 指网页模型的定义及交互的编写，也就是javascript, 控制身材支撑起来

• Web标准提出的最佳体验方案：结构+表现+行为相分离
  通俗的讲就是：结构写到html中，表现写在css中，行为写在javascript中