冯文直-前端预科（1）-20221107 - 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

1、什么是网页：网页就是网站中的一页，通常是HTML格式的文件，它要通过浏览器来进行阅读。

2、什么是网站：网站就是使用HTML等制作的内容相关的网页集合。

3、什么是HTML：HTML全称是超文本标记语言（Hyper Text Markup Language），它是用来描述网页的一种标记语言。

4、什么是超文本：超文本有两层含义a、图片、声音、动画、多媒体等等内容都可以实现

b、链接可以跳转到另一个页面，与各地的网页进行连接（超级链接文本）

IE（微软）、edge（微软）、Firefox（火狐）、Chrome（谷歌浏览器）、Safari（苹果浏览器）和Opera，称为六大浏览器。

浏览器的内核是指浏览器最核心的部分，负责对网页语法的解释并且渲染（显示）网页。

常用的浏览器是：IE、猎豹、360、百度

目前国内的浏览器都会采用Webkit或者Blink内核，比如：360、UC、QQ、搜狗等等。目前国内还没有国产的浏览器内核。

Web标准是由W3C组织和其他的标准化组织制定的一系列网页资讯标准的集合。

不同的浏览器解析出来的效果可能不一致，如果没有统一标准，开发者就得针对不同的浏览器开发不同的代码。

结构（Structure）：用于对网页元素进行整理和分类，目前主要学习HTML

表现（Presentation）：用于设置网页元素的板式、颜色、大小等外观样式，主要指的是CSS

行为（Behavior）：是指网页模型的定义和交互，目前主要学习JavaScript

1）基本的语法概述：TML标签是由尖括号包围的关键词来表示的，例如<html>。

2）标签成对出现，例如<html></html>，这样的情况我们称之为双标签，第一个标签是开始标签，第二个标签是结束标签。

3）单标签是html中占比很少的标签，比如<br> 、<meta>等标签。

4）标签的关系：包含关系（父子关系）、并列关系（兄弟关系）

<html></html>：页面中最大的标签，也称为根标签

<head></head>：文档的头部、在head标签中一般要设置的标签是<title></title>标签

<title></title>：文档的标题，可以让页面拥有一个属于自己的网页标题

<body></body>：文档的主体、页面中显示的内容基本都是放在body标签中的

HTML的文档后缀必须写成.html或者.htm

9、工具生成的骨架标签新增的代码

<!DOCTYPE html> 文档类型，即DTD文档声明：DTD的标签语言类的文档用来定义文档中规范的一种声明

定义的内容有：应该有什么样的标签、标签之间是如何进行排列的、标签应该有什么样的属性、标签应该有什么格式的内容、可以校验文档是否复合DTD文档类型定义的规范

<!DOCTYPE html> 这个声明就是告诉浏览器要使用HTML5来进行标签的解析。

注意：DTD是定义和校验HTML内容的，所以它写在html文件的最前面。

DTD不是HTML，是另一种专门定义标签语言的语言。

10、lang语言种类：用来定义当前文档的显示语言

en定义语言为英语、zh-CN定义语言为中文

备注：对于文档来说，定义成en或者zh-CN都可以正常显示中英文。

11、字符集：字符集是多个字符的集合、以便计算机能够识别和存储各种文字。

1）<meta charset="UTF-8"> ：将页面的字符集指定为UTF-8

2）类似于一个大字典，电脑需要知道各种符号和语言怎么进行存储和展示。

3）常用用的字符集有：GB2312、GBK和UTF-8，其中UTF-8也叫做万国码、基本包含了世界上所有国家需要用到的字符。

二、今日问题：对于概念类问题理解不够透彻，难以记忆。

三、解决方案：通过制作思维导图的方式加强理解和记忆。