HTML与CSS基础day1

术语

1. web：互联网。
2. w3c：万维网联盟，非盈利组织，官网：w3.org。为互联网提供各种标准。
   1. 代替网址：MDN：Mozilla Development Network。Mozilla开发者社区。有中文。
3. ISO：国际标准组织。
4. XML：可扩展的标记语言（extension markup language）用于定义文档结构。

HTML

1. HTML是w3c组织定义的语言标准。HTML是用于描述页面结构的语言。

2. HTML全称：Hyper Text Markup Language。超文本标记语言。

3. 书写一个一级标题：

   一级标题
   

CSS

1. CSS也是w3c定义的语言标准。CSS是用于描述页面展示的语言。（字体颜色，大小，布局等等。）

2. CSS决定页面长什么样子。

3. 执行HTML与CSS：用浏览器内核执行。

   1. 浏览器由两部分组成：
      1. shell：外壳。
      2. core：内核（JS执行引擎、渲染引擎）。
   2. 世界上主流的浏览器（拥有自己的内核）：
      1. IE：Trident内核。
      2. Firefox：Gecko内核。
      3. Chrome：之前为Webkit内核现在是Blink内核。
      4. Opera：Blink内核。
      5. Safari：Webkit内核。

   版本和兼容性

   1. HTLM5:2014出版。
      1. XHTML:可以认为是HTML的一个版本，完全符合XML的规范。但现在基本不用。
   2. CSS3：目前还没有制定完成。

开发环境的准备

1. 显示文件扩展名（不懂可百度）。大部分文件：文件名+扩展名（后缀名）。

   1. 扩展名决定了文件被什么打开。

2. 安装浏览器：推荐安装谷歌浏览器（推荐百度搜索Chrome，进入官网安装，以免安装有病毒）

   1. 谷歌浏览器始终与w3c标准同步。
   2. 将谷歌浏览器设置为默认浏览器

3. 安装专业编辑器：

   1. Sublime

   2. ATom

   3. Dreamweaver

   4. vscode（推荐）
      目录：

4. Emmet插件：自动生成html代码片段

HTML

1. 注释方法：Ctrl+?

2. 元素(标签、标记，但官方称之为element（元素）)
   1. 元素 = 起始标记（begin tag）+ 结束标记（end tag）+ 元素内容（element content）+ 元素属性（非必选）
      属性 = 属性名（href)+属性值
      1. 局部属性：某些元素特有的属性。
      2. 全局属性：所有的元素同用。

    
    百度
    

        这是全局属性
    
    

3. 有些元素没有结束标记（故没有元素内容），叫做空元素

    

    空元素的两种写法：
    1.    
    2.       /:表示闭合标记，表示结束。

4. 元素的嵌套：元素不能相互嵌套；父元素；子元素；祖先元素；后代元素；兄弟元素（拥有同一个父元素的两个元素）
5. 标准的文档结构