01 HTML简介

欢迎大家拜访我的：个人博客

---

前言

文章属于小白阶段的学习笔记分享，零基础科普，脑残级分享，大神可以退出观看了

---

(一) 、网页

1. 什么是网页

会从不撒谎不想杀就比较阿塞拜疆

网站 是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合

例如：京东商城网站、百度搜索网站等

网页 是网站中的一“页”，即多个网页组成一个网站。通常是 HTML格式 的文件，它要通过浏览器来阅读。

网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等 元素 组成。通常我们看到的网页，常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为HTML文件。

京东商城网站就是由多个不同的网页组成
而每个网页就是一个HTML格式的文件

2. 什么是HTML

HTML指的是 超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言。

HTML不是一种编程语言，而是一种标记语言

标记语言是一套标记标签 (markup tag)。

所谓超文本，有 2 层含义：

• 超越了文本限制 ：它可以加入图片、声音、动画、多媒体等内容
• 超级链接文本 ：它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接

3. 网页的形成

网页是由网页元素组成的，这些元素是利用 html 标签描述出来，然后通过浏览器解析来显示给用户的。

第一步：新建 .html 格式的文件，并书写代码

<font color="red">中间写上想说的话</font><br/>
<font color=#f111f1>中间写上想说的话</font><br/>

<font face="黑体">黑体字示例</font><br/>
<font face="微软雅黑">微软雅黑示例</font><br/>
<font face="STCAIYUN">华文彩云示例</font><br/>

<font color=#0099ff size=5 face="STCAIYUN">color=#0099ff size=6 face="黑体"</font><br/>
<font color=red size=5>color=#00ffff</font>

第二步：通过浏览器打开文件进行渲染

第三步：展示出来的画面

【网页总结】

• 网页是图片、链接、文字、声音、视频等元素组成，其实就是一个html文件(后缀名为html)

• 网页生成制作：由程序员书写HTML文件，然后通过浏览器打开文件，就能看到渲染后的网页

• HTML超文本标记语言：用来制作网页的一门语言。由标签组成，比如 图片标签 链接标签 视频标签 等…

(二)、常用浏览器

1. 常用的浏览器

浏览器是网页显示、运行的平台。

常用的浏览器有 IE、火狐（Firefox）、谷歌（Chrome）、苹果（Safari） 和 欧朋（Opera） 等，称为五大浏览器。

我们最常用的是谷歌（Chrome）浏览器

查看浏览器市场份额：点击查看

2. 浏览器内核

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

浏览器	内核	备注
IE	Trident	IE、猎豹安全、360急速浏览器、百度浏览器
Firefox	Gecko	火狐浏览器内核
Safari	Webkit	苹果浏览器内核
Chrome/Opera	Blink	谷歌、欧朋浏览器内核；Blink其实是Webkit的分支

目前国内一般浏览器都会采用 Webkit/Blink 内核，如 360、UC、QQ、搜狗等。

(二)、Web标准（重点）

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

1. 为什么需要 Web 标准

浏览器不同，它们显示页面或者排版就有些许差异。

由于不同的浏览器解析代码渲染出来的页面效果可能不一致，开发者常常需要为多版本的开发而艰苦工作

遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外，还有以下优点：

• 让 Web 的发展前景更广阔。
• 内容能被更广泛的设备访问。
• 更容易被搜寻引擎搜索。
• 降低网站流量费用。
• 使网站更易于维护。
• 提高页面浏览速度。

2. Web 标准的构成

主要包括
结构（Structure）
表现（Presentation）
行为（Behavior）
三个方面

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

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

简单理解：结构写到HTML文件中， 表现写到CSS文件中， 行为写到JavaScript 文件中， 再通过文件组合调用来实现页面效果

总结：
以一只鸟举例
结构 类似鸟的身体 .html
表现 类似鸟羽毛等外观装饰 .css
行为 类似鸟可以飞的行为动作 .js