第二讲 HTML & CSS 概述

• 第二讲 HTML & CSS 概述
  • 一、术语
    • 1. web
    • 2. w3c
    • 3. XML
  • 二、什么是HTML?
    • 1. HTML
    • 2. MDN （查资料）
  • 三、什么是CSS?
  • 四、执行HTML CSS?
    • 1. 拥有独立内核的游览器:
    • 2. 版本和兼容性

 

一、术语

降低沟通成本（时间）

例如：喜大普奔（喜闻乐见、大快人心、普天同庆、奔走相告）

 

1. web

互联网

 

2. w3c

万维网联盟、非盈利性的组织：w3.org

为互联网提供各种标准。（各行各业都有自己的标准） 

HTML & CSS就是由w3c制定的

 

3. XML

可扩展的标记语言： extension markup langguage， 用于定义文档结构的。

人类语言：‘请每周一下午两点，从人人网下载最新美剧《权利的游戏》’

文字结构化让电脑理解。

XML也是一种标准 标记的方式  下面就是一种格式（规定）

 

<任务>
    <执行日期>每周一</执行日期> <执行时间>下午两点</执行时间> <下载地址>人人网</下载地址> <下载任务>最新美剧《权利的游戏》</下载任务> </任务> 

 

二、什么是HTML?

 

1. HTML

HTML是w3c组织定义的语言标准（一套代码可以在不同的游览器实现相同的效果）：

HTML是用于描述页面结构的语言。
结构：有什么东西、该东西表示什么含义

HTML: Hyper Text Markup Language 超文本标记语言
根据w3c标准的描述。。。。（依据标准）

 

<h1>一级标题</h1> 

 

2. MDN （查资料）

MDN: Mozilla Development Network,Mozilla开发者社区（支持多国语言）
网址：https://developer.mozilla.org

 

三、什么是CSS?

CSS是w3c定义的语言标准：是用于描述页面的展示的语言。

CSS决定了页面长什么样子。

 

四、执行HTML CSS?

HTML&CSS-->游览器内核-->页面效果

游览器由两个部分组成：
    1. shell(外壳)
    2. core(Js执行引擎、渲染引擎)

市面上有哪些主流游览器（有自己独立内核的）：什么QQ游览器，360游览器...都不是

 

1. 拥有独立内核的游览器:

    IE：Trident

    Firfox(火狐): Gecko

    Chrome（谷歌）: webkit以前的内核 / Blink
    ''' (之前使用的是webkit,现在使用的是Blink.)'''

    Safari(苹果): webkit

    Opera: presto / Blink

 

2. 版本和兼容性

HTML 5 、CSS 3  （语言标准、该怎么去写代码）

HTML5: 2014年（正式提案）  

CSS3: 到目前为止还没有制定完成。  游览器滞后

XTHML: 可以认为是HTML的一种一个版本，完全符合XML的规范（基本退出历史舞台）以前的一