HTML第一天学习总结

什么是网页

网站是指在因特网上根据一定的规则，使用 HTML 等制作的用于展示特定内容相关的网页集合。
网页是网站中的一“页”，通常是 HTML 格式的文件，它要通过浏览器来阅读。

网页的组成

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

HTML

HTML 指的是超文本标记语言 (Hyper Text Markup Language) ，它是用来描述网页的一种语言。
HTML 不是一种编程语言，而是一种标记语言 (markup language)。
标记语言是一套标记标签 (markup tag)。

网页的总结

网页是图片、链接、文字、声音、视频等元素组成, 其实就是一个html文件(后缀名为html)
网页生成制作:  有前端人员书写 HTML 文件, 然后浏览器渲染,就能看到了网页.
HTML: 超文本标记语言, 用来制作网页的一门语言. 有标签组成的. 比如 图片标签 链接标签 视频标签等…

浏览器

浏览器是网页显示、运行的平台。
常用的浏览器有 IE、火狐（Firefox）、谷歌（Chrome）、Safari（苹果）和Opera（欧朋）等。平时称为五大浏览器。

浏览器内核（渲染引擎）

负责读取网页内容，整理讯息，计算网页的显示方式并显示页面

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

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

web标准

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

为什么需要Web标准

• 浏览器不同，它们显示页面或者排版就有些许差异
• 遵循 Web 标准除了可以让不同的开发人员写出的页面更标准、更统一外，还有以下优点：
  1.让 Web 的发展前景更广阔。
  2.内容能被更广泛的设备访问。
  3.更容易被搜寻引擎搜索。
  4.降低网站流量费用。
  5.使网站更易于维护。
  6.提高页面浏览速度。

web标准的构成

主要包括 《结构Structure》 、《表现（Presentation）》和《行为（Behavior）》三个方面。
结构类似身体、表现类似外观装饰、行为类似行为动作，相比较而言, 三者中结构最重要。

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

Web 标准提出的最佳体验方案：结构、样式、行为相分离。
简单理解：结构写到 HTML 文件中， 表现写到 CSS 文件中， 行为写到 JavaScript 文件中

开发工具

• DW
• Sublime Text
• HBuilder
• WebStorm
• VIsual Studio Code
• …etc

VSCode的使用：

双击打开软件。
新建文件（Ctrl + N ）。
保存（Ctrl + S ）, 注意移动要保存为 .html 文件
Ctrl + 加号键 ，Ctrl + 减号键  可以放大缩小视图 
生成页面骨架结构。 输入! 按下 Tab 键。
Ctrl+A 全选
Ctrl+Z 撤回
Ctrl+X 剪切
Alt+B打开浏览器
或利用插件在浏览器中预览页面：单击鼠标右键，在弹出窗口中点击“Open In Default Browser”。