Web前端学习(一) HTML&CSS概述

HTML & CSS 概述

一、术语

1. Web

   网络互联网

2. W3C

为互联网提供各种标准

3. XML

可扩展的标记语言：Extention Markup Language，用域定义文档结构的。

<任务>
    <执行日期>每周一</执行日期>
    <执行时间>下午两点</执行时间>
    <下载地址>人人网</下载地址>
    <下载目标>《权力的游戏》</下载目标>
</任务>

var fatherDom = document.getElementById("father");

二、什么是HTML?

W3C

MDN中文网站查找HTML标准

HTML是W3C组织定义的语言标准：适用于描述页面结构的语言。

结构：有什么东西，就表示什么含义

HTML:Hyper Text Markup Language,超文本标记语言

书写一个一级标题：

<h1>一级标题</h1>

三、什么是CSS?

W3C

MDN中文网站查找CSS标准

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

CSS决定了页面长什么样子

CSS:Hyper C S Sheet,层叠样式表

书写一个一级标题：

*{
    
    
    margin: 0;
    padding: 0;
}

四、执行HTML、CSS

HTML -> CSS -> 浏览器内核 -> 页面

浏览器：

• shell: 外壳
• core: 内核(JS执行引擎、渲染引擎)

市面上常见的浏览器及其内核

• IE： Trident
• Firefox: Gecko
• Chrome: Webkit -> Blink
• Safari: Webkit
• Opera: Presto -> Blink

五、版本和兼容性

HTML5:2014年

CSS3:2019年还未制定完成

XHTML:可以认为是HTML的一种一个版本，完全符合XML的规范，以前需要了解其标准，但现在不需要了解了。