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写出标准的页面,还有以下优点 :
- 让web发展前景更广
- 内容被各种设备访问
- 更容易被搜索引擎搜索
- 降低网站流量费用
- 是网站便于维护
- 提高浏览速度
4.2web标准的构成
结构(骨架):结构用于对网页元素进行整理分类,也就是HTML,搭建出一个大题框架,这也是三者中最重要
表现(皮肤):用于设置网页元素的版式、颜色、大小等外观样式,也就是CSS, 加以上色修饰
行为(肌肉): 指网页模型的定义及交互的编写,也就是javascript, 控制身材支撑起来
- Web标准提出的最佳体验方案:结构+表现+行为相分离
通俗的讲就是:结构写到html中,表现写在css中,行为写在javascript中