-----------------------------------------HTML部分---------------------------------
1.何為html痪伦？
HTML(HypertextMarkup Language)啤握，即超文本標記語言迟蜜。
超級文本標記語言是萬維網(wǎng)（Web）編程的基礎(chǔ)员凝，也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。
2.html的發(fā)展史
HTML1990年出現(xiàn)，web之父TimBerners-Lee發(fā)布了《HTML標簽》 的論文兼都，借用SGML的標記語法。IETF（互聯(lián)網(wǎng)工程任務(wù)組）推出HTML2.0稽寒，并且在逐步的完善過程扮碧，不同的組織對于HTML的語法標記等，都有不同的處理模式瓦胎，出現(xiàn)百家爭鳴的現(xiàn)象W3C組織代替IETF組織成為了新的HTML標準芬萍，后續(xù)HTML有了迅速的發(fā)展尤揣，至1999年，HTML4.01標準的發(fā)布柬祠，成為了HTML發(fā)展非常重要的一個里程碑北戏，在web中大量使用，沿用至今此后漫蛔，W3C組織發(fā)布XHTML1.0嗜愈，期望以XML的標準來約束HTML更加的規(guī)范，對HTML進行了語法非常嚴格的規(guī)范莽龟，但是又沒有增加新的標簽或者特性蠕嫁。在某種程度上來說，這是好事毯盈，規(guī)范了HTML語法的標準剃毒。但是，接下來搂赋，W3C非(sang)常(xin)大(bing)膽(kuang)的推出了它的XHTML2.0赘阀，并且不向前兼容，以至于甚至不兼容HTML脑奠。這就是web的異常災(zāi)難了基公。2004年，以O(shè)pera公司的Lan Hickson發(fā)起了在HTML上的擴展和web應(yīng)用適配的活動宋欺，被W3C拒絕轰豆。于是Opera、Apple齿诞、Mozilla自發(fā)組織WAHTWG組織酸休，開始就HTML的新標準進行自行維護，并依托于web forms2.0和webapp 1.0標準掌挚，開始研發(fā)HTML5的語法標準反觀W3C在XHTML的道路上坎坷不斷雨席，終于在2010年前后，W3C頒布發(fā)表停止了XHTML2的繼續(xù)維護吠式。開始以WAHTWG的研究為基礎(chǔ)，開發(fā)研發(fā)HTML 5語法標準抽米。發(fā)展至今特占，HTML 5已經(jīng)被大部分瀏覽器兼容，并且大量應(yīng)用于web網(wǎng)站中云茸。
3.html中的常見標簽
doctype：<doctype html>網(wǎng)頁文檔聲明,聲明這是一個html文檔是目。
html：<html></html>網(wǎng)頁的根標簽。
head：<head></head>網(wǎng)頁屬性定義标捺。
body：<body></body>網(wǎng)頁的內(nèi)容定義懊纳。
header揉抵，section，footer：分別代表網(wǎng)頁頭部嗤疯，內(nèi)容和尾部冤今。
h1~h6：標題標簽，表示一級標題到六級標題茂缚。
p：段落標簽戏罢。
div：塊標簽。
video：視頻標簽脚囊。
audio：音頻標簽龟糕。
hr：分割線。
br：換行符悔耘。
img src=“”：圖片標簽讲岁，src中是圖片的路徑。
table：表格標簽衬以。
a：超鏈接標簽缓艳，也可作為錨點。
form：表單標簽泄鹏。
ol/ ul/ dl：列表標簽郎任。
------------------------------------------css部分----------------------------------
1.何為css？
css（Cascading Style Sheets）即層疊樣式表备籽。是一種用來表現(xiàn)HTML（標準通用標記語言的一個應(yīng)用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言舶治。
2.css樣式
針對不同內(nèi)容，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：背景重復(fù)葫慎。
<4>定位樣式
position：修飾定位方式衔彻。
left：距離瀏覽器/父級元素左側(cè)的距離。
top：距離瀏覽器/父級元素頂部的距離偷办。
float：浮動艰额。
margin：元素的外邊框。
padding：元素的內(nèi)邊框椒涯。
3.布局
使用div+css可以進行網(wǎng)頁的布局柄沮，常見的布局方式有國字型布局、工字型布局废岂、二字型布局祖搓、三字型布局、T型布局湖苞、pop布局和圣杯布局拯欧。
4.選擇器
選擇器用于選中HTML中的標簽元素。
基礎(chǔ)選擇器：
（a）id選擇器:通過#加id選中一個標簽财骨，在HTML中id不允許重復(fù)镐作。
（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一種直譯式腳本語言捅膘，是一種動態(tài)類型、弱類型滚粟、基于原型的語言寻仗，內(nèi)置支持類型。它的解釋器被稱為JavaScript引擎凡壤，為瀏覽器的一部分署尤，廣泛用于客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應(yīng)用）網(wǎng)頁上使用亚侠，用來給HTML網(wǎng)頁增加動態(tài)功能曹体。
2.JavaScript的歷史
?1992年，Nombas公司推出C--腳本語言硝烂，更名ScriptEase
?1995年箕别，Netscape公司Brendan Eich推出LiveScript
?更名LiveScript為JavaScript
?微軟不甘落后，推出JScript
?1997年滞谢，ECMA組織根據(jù)JavaScript1.1作為草案串稀，進行標準化操作，命名該標準為：ECMAScript語法標準
?1998年6月狮杨，ECMAScript2.0發(fā)布
?1999年12月母截，ECMAScript3.0發(fā)布
?2007年10月，ECMAScript4.0發(fā)布
?2008年7月橄教，終止ECMAScript4.0清寇，發(fā)布ECMAScript3.1，童年更名ECMAScirpt 5
?2015年6月颤陶，ECMAScript 6正式發(fā)布颗管，同名ECMAScript 2015
3.JavaScript的主要用途
JavaScript主要用于網(wǎng)頁特效的制作，網(wǎng)頁數(shù)據(jù)驗證和網(wǎng)頁數(shù)據(jù)交互滓走。
4.語法結(jié)構(gòu)
<1>數(shù)據(jù)類型
數(shù)據(jù)類型主要有三方面：基本數(shù)據(jù)類型垦江，引用數(shù)據(jù)類型，類型轉(zhuǎn)換搅方。
基本數(shù)據(jù)類型：String比吭，Number，Boolean姨涡，Null衩藤，Undefined【null是從undefined中派生出來的】。
引用數(shù)據(jù)類型：Object涛漂。
可以用type()函數(shù)檢測變量的數(shù)據(jù)類型赏表。
類型轉(zhuǎn)換：顯示類型轉(zhuǎn)換检诗、隱式類型轉(zhuǎn)換。
轉(zhuǎn)換為數(shù)字：Number(args)瓢剿、parseInt(args)逢慌、parseFloat(args)。
轉(zhuǎn)換成字符串：args.toString()间狂，String(args)攻泼。
轉(zhuǎn)換成布爾值：boolean(args)。
<2>運算符
算數(shù)運算符：+ - * / % i++ ++I? i--? --I
賦值運算符：= += -= *= /= %=
比較運算符：> >= < <= != == ===
邏輯運算符：&& || !
<3>選擇結(jié)構(gòu)
（a）f-else選擇結(jié)構(gòu)：
if(){}
if() {} else if() {} else{}
if(){? if() {} else {}} else{}
（b）switch-case結(jié)構(gòu)：
switch(){
case "1":
break;
case "2":
break;
default:
}
<4>循環(huán)結(jié)構(gòu)
（a）for循環(huán)
for(var i = 0,i<10,i++){
循環(huán)語句
}
（b）while循環(huán)
while(i<10){
循環(huán)語句
i++
}
（c）do-while循環(huán)
do{
循環(huán)語句
}while(i<10){
i++
}
<5>三大內(nèi)置對象
（a）字符串對象的操作：
indexOf()：獲取參數(shù)對應(yīng)的下標鉴象。
subString(1忙菠，5)：截取字符串，從第一位開始纺弊，到第五位結(jié)束牛欢，前閉后開。
substr（1,5）：截取字符串俭尖，從第一位開始氢惋，截取五個長度。
length：返回字符串的長度稽犁。//length是一個屬性焰望。
split（“ ”）：根據(jù)參數(shù)，拆分字符串已亥。
（ｂ）數(shù)學(xué)對象：
Math.PI:圓周率熊赖。
Math.ceil(num)：向上取整。
Math.floor(num)：向下取整虑椎。
Math.round(num)：四舍五入震鹉。
Math.random：隨機數(shù)。（只能隨機0-1之間的數(shù)字捆姜，如果想隨機某個范圍传趾，可用最小值+隨機數(shù)*（最大值與最小值的差））。
（c）日期類對象：
var date =new Date()：獲取當前系統(tǒng)時間泥技。
var yes = new Date("2018-03-11 13:22:33")：生成一個指定的時間浆兰。
