總結
1.HTML：HTML是網頁內容的載體
2.HTML標籤不區分大小寫，<h1>和<H1>是一樣的。
3.一個HTML文件是有自己固定的結構的：<html>
<head>...</head>
<body>...</body>
</html>。
4.下面這些標籤可用在 head
部分：
<head>
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>。
5.CSS註釋代碼
就像在Html的註釋一樣，在CSS中也有註釋語句：用/*註釋語句*/來標明（Html中使用<!--註釋語句-->)
6.標題標籤一共有6個，h1、h2、h3、h4、h5、h6
7.<em> 表示強調，<strong> 表示更強烈的強調。並且在瀏覽器中<em> 默認用斜體表示，<strong> 用粗體表示。
8.<span>標籤是沒有語義的，它的作用就是爲了設置單獨的樣式用的，用css設置樣式。
9.<q>引用文本</q>
注意要引用的文本不用加雙引號，瀏覽器會對q標籤自動添加雙引號。
10.換行標籤<br/>
11.空格：
12.<pre> 標籤的主要作用:預格式化的文本。
13.無序列表
ul-li是沒有前後順序的信息列表。
14.有序列表
語法：
<ol>
<li>信息</li>
15.<div>容器標籤
16.創建表格的四個元素：
table、tr、th、td
1）、<table>…</table>：整個表格以<table>標記開始、</table>標記結束。
2）、<tr>…</tr>：表格的一行
3）.<td>…</td>：表格列，
4）、<th>…</th>：表格表頭。
17.<a>標籤可實現超鏈接
18.<img src="圖片地址" alt="下載失敗時的替換文本" title = "提示文本">
19.<form method="傳送方式" action="服務器文件">
20.<input type="text/password" name="名稱" value="文本"
/>
1）、type：
當type="text"時，輸入框爲文本輸入框;
當type="password"時,
輸入框爲密碼輸入框。
2）、name：爲文本框命名，以備後臺程序ASP
、PHP使用。
3）、value：爲文本輸入框設置默認值。(一般起到提示作用)
21.<textarea rows="行數" cols="列數">文本</textarea>
1）、<textarea>標籤是成對出現的，以<textarea>開始，以</textarea>結束。
2）、cols
：多行輸入域的列數。
3）、rows
：多行輸入域的行數。
22.<select>
下拉框：<option value="看書">看書</option>籤中設置multiple="multiple"屬性，
就可以實現多選功能
23.在表單中有兩種按鈕可以使用，分別爲：提交按鈕、重置。
1），<input type="submit" value="提交">
type：只有當type值設置爲submit時，按鈕纔有提交作用
value：按鈕上顯示的文字
2），type設置爲"reset"就可以。
語法：
<input type="reset" value="重置">
type：只有當type值設置爲reset時，按鈕纔有重置作用
value：按鈕上顯示的文字
24.從CSS
樣式代碼插入的形式來看基本可以分爲以下3種：
內聯式、內部式和外聯式三種
25.常用選擇器：類選擇，僞類選擇，ID選擇，分組選擇器
26.字體設置：
body{font-family:"宋體";}
body{font-size:12px;color:#666}
p span{font-weight:bold;}
p a{font-style:italic;}
p a{text-decoration:underline;}
27.文字間隔，字體間隔：
h1{
word-spacing:50px;
}
..h1{
letter-spacing:50px;
}
28.Css盒模型：
元素分類 ：塊級元素，行及元素。
29.盒模型：padding,margin,border.
30.css佈局模型，flow,float.
31.層模型有四種形式：
1）、絕對定位(position: absolute)
2）、相對定位(position: relative)
3）、固定定位(position: fixed)
4），默認定位
DOM ：
1.Document Object Model 文檔對象模型就是把HTML文檔模型化，當作對象來處理
2.節點(Node)：HTML文檔中的所有內容都可以稱之爲節點，常見的節點有元素節點
屬性節點 文本節點
註釋節點
元素(Element)：HTML文檔中的標籤可以稱爲元素
3.節點分類：父節點 子節點 兄弟節點
4.獲取元素：
getElementById("#id名"); /*該方法只能被document對象調用*/
getElementsByTagName("div");
getElementsByClassName("div");
getElementByName();
nextElementSibling;
5.設置屬性：
<標籤 屬性名=”屬性值”>
6. 綁定事件：
事件三要素 事件源.事件
= function(){ 事件處理程序
};
等價於 <標籤 事件=”事件處理程序”>
和對象方法一樣，this指的還是調用該方法的對象
7.innerHTML 獲取和設置標籤中的內容，設置的內容會當作節點對象被解析到DOM樹上
8.常見的表單元素屬性有：
type、value、checked、selected、disabled
type可以設置input元素的類型
value可以設置input元素的值
checked可以設置input元素是否選中
selected 可以設置下拉列表select中的option是否被選中
disabled 可以設置input元素是否被禁用
文本框獲取焦點和失去焦點
獲取焦點事件是onfocus
失去焦點事件是onblur (不是所有的標籤都有這個事件)
9.可以通過getAttribute()和setAttribute()設置和獲取標籤屬性，通過removeAttribute()移除標籤的屬性
10：1表示元素節點 2表示屬性節點 3表示文本節點 8表示註釋節點
11. father.appendChild(要追加的元素);
father.insertBefore(要插入的元素,插到這個元素的前面);
father.removeChild(要移除的子元素);
12. typeof 變量 //判斷這個變量是什麼數據類型的
instanceof作用:判斷這個對象是不是這個類型的-----返回值
13. JSON格式的數據都是鍵值對,這些鍵值對,鍵---是字符串,值----字符串
遍歷
14.基本類型---值類型---String Undefined Number Boolean Null
15.引用數據類型：
原生對象，
內置對象：global math
宿主對象：所有bom,dom對象
16.1基本類型不能直接調用屬性和方法
2.對象可以直接調用屬性和方法
17.BOM:
location.href是一個屬性.可以跳轉到指定的頁面
18.setInterval 計時器,該計時器返回來的是該計時器的id
clearInterval 銷燬計時器的,需要的參數就是計時器的id
setTimeout(function () {alert(); },1000);
clearTimeout(timeId)
19.正則表達式
正則表達式中的基本元字符
. 通配符（. 除了\n以外的任意一個內容）
[0-9]表示的是:0到9之間(包含)任意一個數字
[a-z]表示所有的小寫字母中的一個
[A-Z]表示的是所有的大寫字母中的任意一個
[a-zA-Z]表示的是所有的字母中的任意一個
[0-9a-zA-Z]表示的是任意的一個數字或者任意的一個字母
[0-9]|[a-z] 0-9之間的任意一個數字或者是小寫字母中的任意一個字母
* 表示的是該符號前面的表達式出現了0次到多次
+ 表示的是該符號前面的表達式出現了1次到多次
? 表示的是該符號前面的表達式出現了0次到一次
{} 表示的是前面的表達式出現了多少次,具體是多少次:大括號中的寫法
數字 字母 特殊符號
\d 表示的是任意的一個數字和[0-9]一樣
\D 表示的是非數字
\s 空白符號
\S 非空白符號
\w 非特殊符號
\W 特殊符號
之前的元字符 都是不嚴格的匹配字符串
^:1.以什麼內容開頭,必須以什麼開始
2）.取反
用法:
^[0-9] 必須以數字開頭
^[a-z0-9] 必須以數字或者以小寫字母開始
^[0-9a-zA-Z] 必須以數字或者是字母開頭
^\d 必須以數字開頭
[^0-9]取反 字母或者特殊符號
[^0-9a-zA-Z] 特殊符號
$ :必須以什麼內容結尾
[0-9]$ "hsgd7y273d9"
[a-zA-Z]$
^[0-9a-z][a-z]$
在js中正則表達式的寫法:/正則表達式/
創建正則表達式對象的方式:
1. var reg=new RegExp(/正則表達式/
2. var reg=/正則表達式/; reg.test("hello998");
3. /正則表達式/.方法名(參數);