7/11-7/12所学内容

1、五大浏览器及内核

五大浏览器：chrome、safari、Firefox、Opera、IE

1.chrome 谷歌浏览器

生产商：Google

内核：webkit、blink

2.Firefox 火狐浏览器

生产商：Mozilla

内核：gecko

3.Safari 苹果浏览器

生产商：苹果公司

内核：webkit

4.opera 欧朋浏览器

生产商：挪威欧普拉软件公司

内核：presto blink

5.IE 浏览器

生产商：微软公司 Microsoft

内核：trident

其他浏览器：

大部分国产的浏览器（qq浏览器，uc浏览器，猎豹浏览器，360浏览器）基本上是在IE浏览器的内核上进行的二次开发

现在国内市场上有许多双内核的浏览器，使用的是trident,webkit内核

2、页面的三大组成部分

• 结构：给页面搭建基本的框架结构。 html ，类比于建房子的时候要搭的地基跟钢筋。

• 表现：页面的美化，装饰。 css 相当于给房子加背景和家具的排列布局。

• 行为：页面的轮播图，返回顶部... javascript 相当于房子加灯的开关。

  结构层html和表现层css，是 W3C 制定的规范，万维网联名。

行为层js，是 ECMA 制定的规范，欧洲计算机协会。

3、HTML文档——网页

HTML文档也被称为网页

• 后缀名.html

• 文件名格式： 主文件名.后缀名

创建HTML文档

• 1）新建一个后缀名为.html的文件

• 2）添加基本结构：英文状态下!回车

• 3) 输入HTML：5

4、标记（标签）

构成网页的基本单位

• 标签：由尖括号括起来的关键词

  • 单标签：<标签名 >或 <标签名 />

  • 双标签：<开始标签名>[内容]</结束标签名>

• 元素：标签及内容的整体

5、HTML注释

• 注释即对代码的解释和说明，不会被浏览器解析执行

• 注释内容不会出现在网页中，只是对代码的一个说明

• 语法

• ctrl + /

• alt + shift + a: 可以在一行代码的后面进行注释

  6、HTML文档的基本结构

  7、常用HTML标签

        （1）行级标签

  • span标签:无语义标签，用于区分样式

    • 没有实际的语义，可以理解为一个小盒子，里面一般装着一个或几个文本内容

    • 应用场景：控制局部文本的样式

  • b标签：一个实体标签，它里面包围的文本显示粗体效果

  • strong标签：一个语义标签，强调语气，它里面包围的文本显示粗体效果

  • i标签：它里面包围的文本显示斜体效果

  • em标签：一个语义标签，强调语气，它里面包围的文本显示斜体效果

  • del标签：删除线

  • sup标签：上标

  • sub标签：下标

  • 特性

    • 宽度默认由内容撑开

    • 高度默认由内容撑开

    • 默认横向显示——水平布局，一行排不下，自动折行

    • 换行和空格会被解析

  a标签--超链接标签

        （2）行内块级标记

  img图像标签

  8、路径

        （1）绝对路径

  • 带着协议的完整的路径

  • 盘符下的某个路径

        （2）相对路径

  • / 表示根目录 ,当前文件夹所在的盘符路径

  • ./ 表示当前目录 可以省略的

  • ../ 表示上一级目录

  • ../../表示上上级目录

  • 文件夹名/ 表示下一级目录

        （3）HTML特殊字符

  代码            效果           描述
  &lt;               <           小于号或显示标记
  &gt;              >           大于号或显示标记
  &amp;             &           可用于显示其它特殊字符
  &reg;             ®           已注册
  &copy;             ©           版权
  &trade;             ™           商标
  &nbsp;                        不断行的空白
  &yen;                ￥         人民币