1-1初识前段
什么是语言？如中文、英文，是人与人交流的工具。浏览器前端语言就是前段程序猿与浏览器交流的工具。
在前端语言中：
HTML(Hyper Text Markup Language，超文本标记语言)，就相当于一栋大楼，主要负责结构。
CSS(Cascading Style Sheets，层叠样式表)，就相当于装修，主要负责样式。cascade |kæˈskeɪd| n 瀑布 v 层叠
JS(JavaScript)，相当于物业，主要负责行为。
超文本标记语言：其中尖括号括起的部分称为标签，如<html>、</html>。其中<html>类型的称为起始标签，相对的</html>称为闭合标签，两个合称标签对。
示例页面:
<html> //起始标签
<head> //头部，抬头
<title>
中国最大的原创在线教育机构
</title>
</head>
<body> //内容
欢迎来到我赢职场。
</body>
</html> //闭合标签
1-2浅析 设置代码解析格式
<!doctype html><!文档类型声明 document type,感叹号代表这是一个注释>
<html>
<head>
<title>
抬头
</title>
<meta charset="utf-8"><!代码解析格式,UTF-8国际通用编码，在中国，系统默认的编码一般是GBK编码或GB2312(1981年颁布)编码，注意编辑时使用什么编码，meta中就就尽量设置成什么编码；metadata |ˈmetədeɪtə| noun 元数据 猜测meta就是metadata的意思；charset 英 [t'ʃɑ:set] 美 [t'ʃɑ:set] n.字符集、编码; 字符编码; 编码格式；GBK:Chinese Internal Code Specification（specification |ˌspesɪfɪˈkeɪʃn| noun 明确说明），汉字内码扩展规范，1995年颁布>
</head>
<body>
内容<!在抬头head中可以设置编码方式>
</body>
</html>
1-3CSS的位置
行内样式、内部样式、外部样式
***************************************************************************************
main.css
.ExternalStyle
{
width: 300px;
height: 50px;
background:blue;
} <!外部样式>
***************************************************************************************
<html>
<head>
<meta charset="utf-8">
<link href = "main.css" rel = "stylesheet"> <!Hypertext Reference的缩写，意思是超文本引用，引入外部样式，外部CSS引用；rel是relationship的英文缩写，REL属性用于定义链接的文件和HTML文档之间的关系；stylesheet，的意思就是样式调用>
<title>
抬头
</title>
<style>
.InternalStyle
{
width:400px;
height:50px;
background:green;
}
</style>
</head>
<body>
<!行内样式(Internal Style(internal |ɪnˈtɜːnl| adj 里面的、内部的；实际网页可能有上千个盒子，使用行内样式这种方式就不方便了>
<div style = "width:300px;height:100px;background:red">
Inline Style、行内样式、Internal Style
</div>
<!内部样式；内部样式只能用于某一个html内部，若若干个网页使用同一个样式，则很难维护>
<div class = "InternalStyle">
InternalStyle、内部样式
</div>
<!外部样式；通过链接引入>
<div class = "ExternalStyle">
ExternalStyle、外部样式
</div>
</body>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
