-----------------------------------------HTML部分---------------------------------
1.何为html？
HTML(HypertextMarkup Language)，即超文本标记语言。
超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
2.html的发展史
HTML1990年出现，web之父TimBerners-Lee发布了《HTML标签》 的论文，借用SGML的标记语法。IETF（互联网工程任务组）推出HTML2.0，并且在逐步的完善过程，不同的组织对于HTML的语法标记等，都有不同的处理模式，出现百家争鸣的现象W3C组织代替IETF组织成为了新的HTML标准，后续HTML有了迅速的发展，至1999年，HTML4.01标准的发布，成为了HTML发展非常重要的一个里程碑，在web中大量使用，沿用至今此后，W3C组织发布XHTML1.0，期望以XML的标准来约束HTML更加的规范，对HTML进行了语法非常严格的规范，但是又没有增加新的标签或者特性。在某种程度上来说，这是好事，规范了HTML语法的标准。但是，接下来，W3C非(sang)常(xin)大(bing)胆(kuang)的推出了它的XHTML2.0，并且不向前兼容，以至于甚至不兼容HTML。这就是web的异常灾难了。2004年，以Opera公司的Lan Hickson发起了在HTML上的扩展和web应用适配的活动，被W3C拒绝。于是Opera、Apple、Mozilla自发组织WAHTWG组织，开始就HTML的新标准进行自行维护，并依托于web forms2.0和webapp 1.0标准，开始研发HTML5的语法标准反观W3C在XHTML的道路上坎坷不断，终于在2010年前后，W3C颁布发表停止了XHTML2的继续维护。开始以WAHTWG的研究为基础，开发研发HTML 5语法标准。发展至今，HTML 5已经被大部分浏览器兼容，并且大量应用于web网站中。
3.html中的常见标签
doctype：<doctype html>网页文档声明,声明这是一个html文档。
html：<html></html>网页的根标签。
head：<head></head>网页属性定义。
body：<body></body>网页的内容定义。
header，section，footer：分别代表网页头部，内容和尾部。
h1~h6：标题标签，表示一级标题到六级标题。
p：段落标签。
div：块标签。
video：视频标签。
audio：音频标签。
hr：分割线。
br：换行符。
img src=“”：图片标签，src中是图片的路径。
table：表格标签。
a：超链接标签，也可作为锚点。
form：表单标签。
ol/ ul/ dl：列表标签。
------------------------------------------css部分----------------------------------
1.何为css？
css（Cascading Style Sheets）即层叠样式表。是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
2.css样式
针对不同内容，css大致可分为字体样式，尺寸样式，背景样式，定位样式。
<1>字体样式
font：修饰字体的样式。
color：修饰字体的颜色。
font-family：选择字体。
font-size：修饰字体大小。
font-weight：字体是否加粗。
text-align：字体的水平对齐方式。
line-height：修饰字体所占行高。
text-decoration：修饰字体边线。
text-shadow：修饰字体阴影。
<2>尺寸边框样式
width：元素宽度。
height：元素高度。
border：元素边框。
box-shadow：元素阴影。
display：控制元素显示与隐藏。
<3>背景样式
background：背景的快捷样式。
background-color：背景颜色。
background-image：背景图片。
background-position：背景的定位。
background-repeat：背景重复。
<4>定位样式
position：修饰定位方式。
left：距离浏览器/父级元素左侧的距离。
top：距离浏览器/父级元素顶部的距离。
float：浮动。
margin：元素的外边框。
padding：元素的内边框。
3.布局
使用div+css可以进行网页的布局，常见的布局方式有国字型布局、工字型布局、二字型布局、三字型布局、T型布局、pop布局和圣杯布局。
4.选择器
选择器用于选中HTML中的标签元素。
基础选择器：
（a）id选择器:通过#加id选中一个标签，在HTML中id不允许重复。
（b）class选择器：又叫类选择器，通过.加类名选中一类标签。
（c）标签选择器：直接通过标签名选中标签。
通配符选择器：
*
层级选择器：
（a）子代选择器：通过 元素>子代名 选中该元素的子代元素。
（b）后代选择器：通过元素加空格加后代名，选中后代元素。
逗号选择器：
选择器，选择器，选择器...
属性选择器：
（a）[attr]:选择包含attr属性的标签。
（b）[attr=value]:选择包含attr属性，而且值为value的标签。
（c）[attr^= value]：选择包含attr属性，并且属性值是以value开头。
伪类选择器：
（a）selector:hover:鼠标划过时selector使用的样式。
（b）selector:focus:鼠标聚焦时使用的样式。
（c）selector:nth-child(n)：选择某个指定的子元素。
---------------------------------------JavaScript部分--------------------------------
1.何为JavaScript？
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
2.JavaScript的历史
•1992年，Nombas公司推出C--脚本语言，更名ScriptEase
•1995年，Netscape公司Brendan Eich推出LiveScript
•更名LiveScript为JavaScript
•微软不甘落后，推出JScript
•1997年，ECMA组织根据JavaScript1.1作为草案，进行标准化操作，命名该标准为：ECMAScript语法标准
•1998年6月，ECMAScript2.0发布
•1999年12月，ECMAScript3.0发布
•2007年10月，ECMAScript4.0发布
•2008年7月，终止ECMAScript4.0，发布ECMAScript3.1，童年更名ECMAScirpt 5
•2015年6月，ECMAScript 6正式发布，同名ECMAScript 2015
3.JavaScript的主要用途
JavaScript主要用于网页特效的制作，网页数据验证和网页数据交互。
4.语法结构
<1>数据类型
数据类型主要有三方面：基本数据类型，引用数据类型，类型转换。
基本数据类型：String，Number，Boolean，Null，Undefined【null是从undefined中派生出来的】。
引用数据类型：Object。
可以用type()函数检测变量的数据类型。
类型转换：显示类型转换、隐式类型转换。
转换为数字：Number(args)、parseInt(args)、parseFloat(args)。
转换成字符串：args.toString()，String(args)。
转换成布尔值：boolean(args)。
<2>运算符
算数运算符：+ - * / % i++ ++I i-- --I
赋值运算符：= += -= *= /= %=
比较运算符：> >= < <= != == ===
逻辑运算符：&& || !
<3>选择结构
（a）f-else选择结构：
if(){}
if() {} else if() {} else{}
if(){ if() {} else {}} else{}
（b）switch-case结构：
switch(){
case "1":
break;
case "2":
break;
default:
}
<4>循环结构
（a）for循环
for(var i = 0,i<10,i++){
循环语句
}
（b）while循环
while(i<10){
循环语句
i++
}
（c）do-while循环
do{
循环语句
}while(i<10){
i++
}
<5>三大内置对象
（a）字符串对象的操作：
indexOf()：获取参数对应的下标。
subString(1，5)：截取字符串，从第一位开始，到第五位结束，前闭后开。
substr（1,5）：截取字符串，从第一位开始，截取五个长度。
length：返回字符串的长度。//length是一个属性。
split（“ ”）：根据参数，拆分字符串。
（ｂ）数学对象：
Math.PI:圆周率。
Math.ceil(num)：向上取整。
Math.floor(num)：向下取整。
Math.round(num)：四舍五入。
Math.random：随机数。（只能随机0-1之间的数字，如果想随机某个范围，可用最小值+随机数*（最大值与最小值的差））。
（c）日期类对象：
var date =new Date()：获取当前系统时间。
var yes = new Date("2018-03-11 13:22:33")：生成一个指定的时间。
网友评论