W3C -----> World Wide Web Consortium (万维网联盟) “中立性技术标准机构”
W3C的标准包括：
- 结构化标准语言：HTML 、XML
- 表现标准语言 ： CSS
- 行为标准： DOM 、ECMAScript
- HTML：将内容进行结构化组织；
- CSS：负责页面的布局，各个区域、元素的样式；
- JS：动态的，响应某个事件，通过修改BOM（浏览器对象模型）和DOM（文本对象模型）对象（HTML/CSS），进行修改用户看到的内容。
- HTML篇 -
HTML基本结构
HTML语言不是编程语言，而是一种标记语言（超文本标记语言） --->用于描述网页。
HTML代码是有“标签”构成（即HTML使用一套标签来描述网页）。
HTML文档（web页面） 包含HTML标签和文本内容 。
大部分的标签有开始标签和结束标签；但是有少数是单标签（即是有开始标签没结束标签）。
<开始标签> 内容 <结束标签>
HTML元素
以开始标签起，以结束标签结束。
元素内容即是开始标签与结束标签之间的内容。
某些HTML元素具有空内容（即没有内容的HTML元素）。
标签对大小写不敏感但是推荐使用小写的！
在开始标签中，可能会带有“属性” id属性相当于给这个标签设置了一个唯一的标识符（即身份证
号）。
<!DOCTYPE html> <!-- 声明了文档的类型，有助于在浏览器中正确的显示网页。
<!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!doctype HTML> 都是可以的-->
<html lang="en"> <!-- html是页面的根元素-->
<head>
<!--在head中写页面的属性-->
<meta charset="UTF-8">
<title>XXXXXX</title> <!--页面的标题-->
</head>
<body>
<!--在body中写页面上展示的内容-->
</body>
</html>
<!-- 按照Ctrl + / 可以快速进行注释和取消注释>HTML属性
是为HTML元素提供的附加信息；
一般描述与开始标签之内；
属性值应该永远包括在引号内；
标签层次结构
- 父子关系
- 兄弟关系
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML</title>
</head>
<body>
</body>
</html>
- <html>是<head>和<body>的父标签；
- <head>和<body>是兄弟关系；
- <head>是<title>的父标签；
标签之间关系构成了一个DOM（文本对象模型）树。
标题标签
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>
最大 最小
水平线标签
在html中使用<hr>标签即可生成一个水平线。
关于空格
无论使用多少个空格，HTML解释器会将连续出现的空格字符减少成为一个单独的空格符；
  ; ---->代表一个空格
<a>标签
定义HTML中的标签； 也叫anchor（锚点）；
<a href="#">xxx</a> "#"代表空标签；
<a href=" "> 会跳转到<!-- href 指定的链接的地址（address）>
锚链接的创建：
1.需要一个锚标记
<a name="top">顶部</a> <!--在最上面-->
2.创建跳转到锚标记的链接
<a href="#top">回到顶部</a> <!--点击"回到顶部"跳转到锚标记处-->功能性链接：
<a href="mailto: 放一个地址 ">点击联系我</a>
点击“点击联系我”就会跳转到“放一个地址”的地方。<img>标签 单标签
定义HTML中的图像；
使用<img>标签来为网页添加图片。
<img src="此处放一个图片的具体位置（address）" alt="XXXX" height="100px" width="100px">
alt : 如果图片加载失败的话 那么就会显示alt中的内容来提示使用网页的人。
关于<code>标签
<code>XXXX</code>
用于计算机源代码or其他机器可以阅读文本内容的。
不会作为html语言被浏览器处理，被认为是文本而独立显示成带尖括号的源码形式。
一些其他标签
<em>xxx</em> 来标记要强调的内容,默认是斜体
<strong> 粗体
<big>xxx</big> 放大字体
<small>xxx</small> 缩小字体
<br> 换行
<b>xxx</b> 定义粗体文本
<sub>xxx</sub> 下标
<sup>xxx</sup> 上标
<i>xxx</i> (在文本中)斜体
<； <
>； >
©； © （版权符合）
<kbd>xxx</kbd> 表示文本是从键盘上键入的
<tt>xxx</tt> 呈现打字机or文本等宽的效果
<smap>xxx</smap> 定义样本文本
<var>xxx</var> 表变量名称
<cite> 标定作品(例如：书、歌、电影、绘画等)标题. 人名不属于作品标题。
<dfn> 标记那些对特殊术语or短语的定义。（是一个内嵌元素）
列表： 分为有序列表和无序列表以及自定义列表
有序列表： order list
<ol>
<li>XXXX</li>
</ol>
无序列表: unorder list (应用范围：网页导航、列表栏)
<ul>
<li>XXXX</li>
</ul>
自定义列表: (应用范围：网页底部)
<dl>
<li>XXXX</li> (列表名称)
<li>XXXX</li> (列表内容)
</dl>
<table> 表格 </table>
为什么要用表格？
因为表格简单明了、结构稳定
基本的一些结构：
行（tr）、列（td）、跨行（rowspan）、跨列（colspan）；
<video src =" " controls="controls" autoplay></video> 视频
<audio src =" " controls="controls" autoplay></audio> 音频
// autoplay 打开时自动播发
// controls="controls" 控制播发
页面结构分析
- header 标题头部区域内容（用于页面or页面中的一块区域）
- footer 标记脚部区域内容（用于整个页面or页面中的一块区域）
- section Web页面中的一块独立区域
- article 独立的文章内容
- aside 相关内容or应用（常用语侧边栏）
- nav 导航类辅助内容
