一、HTML-Hypertext Markup Language（结构）
超文本标记语言
具体是指网页中的内容。
文件后缀名 .html
html文档基本结构
标签关系：
1）并列关系（兄弟），例：head，body是兄弟关系
2）嵌套关系（父子），例：html是head，body的父级
<!DOCTYPE html> 声明语句 DOC-文档 TYPE-类型
使用HTML5的语法解析HTML文档
作用：告诉浏览器该文档的版本信息，让浏览器解析器知道使用哪种语法解析文档。
<html lang="en">
lang--language
属性 en-- 英文 zh-CN-- 中文
作用：定义当前文档显示文字的语言
语法：lang="en"
<head> 头部文档
<meta charset="UTF-8">
网页的原信息，元数据不会显示到页面，但对于机器可读。
charset属性：设置编码方式
UTF-8：万国码，通用性好
<title>Document文档标题</title>
</head>
<body> 主体内容
</body>
</html>
二、CSS-Cascading Style Sheets（表现）
层叠样式表，用于修饰美化页面。美化页面（样式、提升美观度）
CSS样式引入方式
属性：
width 宽度
height 高度
background-color 背景颜色
color 字体颜色
1、行间样式
语法：
1）写在开始标签>之中，style=" "
2）style=" 属性;属性值; 属性:属性值;"
3）属性和值之间：分隔。属性与属性之间；分隔。多个属性间空格隔开
优点：相对直观
缺点：1）会造成代码的冗余（相同的样式需要重复定义）
2）结构和表现不分离
3）作用范围小，不能被复用
2、内部样式
语法：
1）在head结束标签前写<style type="text/css"></style>
2）选择器{
属性:属性值;
}
优点：
1）作用范围扩大，样式可以被复用（当前页面）
2）结构和表现半分离
缺点：
1）不能在多页面中复用样式
3、外部样式
建立CSS文件，后缀名.css
在html文档头部中引入外部样式
<link rel="stylesheet" href="存放地址（同级目录：文件名.css）">
特点：
1）在一个html文档中可以引入多个外部样式
2）引入央视先后顺序会影响呈现效果，当给一个标签定义样式时，后引入的样式会覆盖先引 入的样式
优点：
1）适用范围广，可以使用代码的复用
2）便于修改和维护代码
3）结构与表现彻底分离
三、JS-jacascript（行为）
动态的、有交互效果的行为。相当于房子加灯的开关
brower浏览器/server服务
client客户端/server服务
页面：托管浏览器展现给客户的
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
