|
一、今日学习内容： 1、什么是网页：网页就是网站中的一页，通常是HTML格式的文件，它要通过浏览器来进行阅读。 2、什么是网站：网站就是使用HTML等制作的内容相关的网页集合。 3、什么是HTML：HTML全称是超文本标记语言（Hyper Text Markup Language），它是用来描述网页的一种标记语言。 4、什么是超文本：超文本有两层含义a、图片、声音、动画、多媒体等等内容都可以实现 b、链接可以跳转到另一个页面，与各地的网页进行连接（超级链接文本） 5、常用浏览器 1）浏览器 IE（微软）、edge（微软）、Firefox（火狐）、Chrome（谷歌浏览器）、Safari（苹果浏览器）和Opera，称为六大浏览器。 2）浏览器的内核 a）概念： 浏览器的内核是指浏览器最核心的部分，负责对网页语法的解释并且渲染（显示）网页。 b）IE： 内核是：Trident 常用的浏览器是：IE、猎豹、360、百度 c）firefox： 内核是：Gecko 常用的浏览器是：firefox d）Safari： 内核是：Webkit 常用浏览器：苹果浏览器 e）Chrome/Opera: 内核是：Blink 常用浏览器：Chrome/Opera 备注：Blink其实是Webkit的分支 目前国内的浏览器都会采用Webkit或者Blink内核，比如：360、UC、QQ、搜狗等等。目前国内还没有国产的浏览器内核。 6、Web标准 1）概念 Web标准是由W3C组织和其他的标准化组织制定的一系列网页资讯标准的集合。 2）为什么需要Web标准 不同的浏览器解析出来的效果可能不一致，如果没有统一标准，开发者就得针对不同的浏览器开发不同的代码。 3）Web标准的构成 结构（Structure）：用于对网页元素进行整理和分类，目前主要学习HTML 表现（Presentation）：用于设置网页元素的板式、颜色、大小等外观样式，主要指的是CSS 行为（Behavior）：是指网页模型的定义和交互，目前主要学习JavaScript 7、HTML的语法规范 1）基本的语法概述：TML标签是由尖括号包围的关键词来表示的，例如<html>。 2）标签成对出现，例如<html></html>，这样的情况我们称之为双标签，第一个标签是开始标签，第二个标签是结束标签。 3）单标签是html中占比很少的标签，比如<br> 、<meta>等标签。 4）标签的关系：包含关系（父子关系）、并列关系（兄弟关系） 8、基本的骨架标签 <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也叫做万国码、基本包含了世界上所有国家需要用到的字符。 二、今日问题：对于概念类问题理解不够透彻，难以记忆。 三、解决方案：通过制作思维导图的方式加强理解和记忆。
| 
