個人編寫HTML使用的軟件是dreamweaver，這個軟件的話，正版是要購買的，一開始學習HTML就是用的這個軟件了，挺好用的，而且代碼提示特別方便，不用擔心太多的標簽和屬性記勞~
1.什么是HTML？
- HTML 是用來描述網頁的一種語言，指的是超文本標記語言: HyperText Markup Language；
- HTML 不是一種編程語言，而是一種標記語言；
- HTML文檔也叫做 web 頁面；
2.HTML基本結構
- <!DOCTYPE html>：文檔聲明；
- <html>：HTML 頁面的根元素；
- <head>：用于定義文檔的頭部，是所有頭部元素的容器；
- <meta>：提供有關頁面的元信息，位于文檔的頭部，不包含任何內容；
- <title>：文檔的標題；
- <body>：定義文檔的主體，包含文檔的所有內容；
3.HTML標簽使用？
- HTML 標簽是由尖括號包圍的關鍵詞，且通常是成對出現的如<a></a>，當然也有單個的，只不過比較少如<hr>；
- 標簽對中的第一個標簽表示開始標簽，第二個標簽表示結束標簽；
4.HTML常用標簽介紹
除了HTML基本結構的幾個標簽以外，HTML還有一些比較常用的基本標簽；
（1）文本標簽：
- h1-h6：用于定義標題，h1為最大標題，h6為最小標題；
- p：定義段落；
- span：組合文檔中的行內元素；
- br：換行；
- hr：水平線；
- strong/b：加粗文字；
- em/i：斜體；
- u：下劃線；
- s：刪除線；
- pre：定義預格式化的文本，保持原有格式；
- sub：下標；
- sup：上標；
- blockquote：塊引用；
（2）布局標簽：
- div：定義文檔中的分區或節，把文檔分割為獨立的、不同的部分；
- header：定義頁面的頭部；
- aside：用作文章的側欄；
- section：定義文檔中的節；
- footer：定義文檔或節的頁腳，通常包含文檔的作者、版權信息、使用條款鏈接、聯系信息等；
- article：規定文章獨立的其他內容，如標題、內容、評論；
（3）多媒體標簽：
- img：用于在網頁中插入圖像；
- audio：定義聲音，比如音樂或其他音頻流；
- video：定義視頻，比如電影片段或其他視頻流；
（4）超鏈接標簽：
（5）序列化標簽：
- ul：定義無序列表；
- ol：定義有序列表；
- li：定義列表項目，可用在無序列表ul和有序列表ol中；
- dl：定義了定義列表；
- dt：定義了定義列表中的項目（即術語部分）；
- dd：在定義列表中定義條目的定義部分；
（6）表格標簽：
- table：定義 HTML 表格；
- tr：定義表格的行；
- td：定義表格的單元；
- th：定義表頭；
- caption：定義表格標題；
- col：為表格中一個或多個列定義屬性值；
- colgroup：用于對表格中的列進行組合，以便對其進行格式化；
- thead：定義表格的表頭；
- tbody：表格主體，也就是正文部分；
- tfoot：定義表格的頁腳（腳注或表注）；
（7）表單標簽：
- form：用于為用戶輸入創建 HTML 表單；
- input：用于搜集用戶信息；
- button：定義一個按鈕；
- select：創建單選或多選菜單；
- option：定義下拉列表中的一個選項；
- textarea：定義多行的文本輸入控件；
- label：為 input 元素定義標注（標記）；
- fieldset：用于將表單內的相關元素分組；
- legend：為 fieldset 元素定義標題；
5.HTML注意事項
- HTML文件當以后綴名為 .html 或 .htm 來命名；
- HTML標簽和屬性是不區分大小寫的，建議HTML標簽和屬性都小寫，屬性值必須用雙引號包圍；
- HTML標簽都是以開始標簽起始，以結束標簽終止；
- HTML標簽之間盡量縮進與換行，每行代碼不要過長，方便閱讀和維護；
- HTML標簽使用必須符合標簽嵌套規則，如禁止a標簽嵌套a標簽，p標簽嵌套div標簽等；
- 建議不使用HTML已經廢棄的或者不贊成使用的標簽，少使用table布局、iframe框架嵌套以及flash播放器；
么是預編譯？
預編譯發生在函數作用域創建的階段在函數執行之前。
函數、形參、變量的優先級別：
函數 > 形參 > 變量
全局作用域預編譯
- 創建GO對象（Global Object）
- 查找變量聲明，將變量名作為GO對象的屬性名，只為 undefined
- 查找函數聲明，值為函數體
函數作用域預編譯
- 創建AO對象（Active Object）
- 查找函數形參以及函數內部的變量聲明，形參名及變量名作為AO對象的屬性，值為 undefined
- 實參和形參相統一，實參值賦給形參
- 查找函數聲明，函數名作為AO對象的屬性，如果函數名稱和變量名稱相同時會覆蓋變量聲明
function fn(a){
console.log(a,1); // ? a () {} 1
var a = 2222;
console.log(a,2); // 2222 2
function a () {}
console.log(a,3); // 2222 3
}
fn(1,2)
示例
function fn(a, c) {
console.log(a);
var a = 123;
console.log(a);
console.log(c);
function a() { }
if (false) {
var d = 678
}
console.log(d);
console.log(b);
var b = function () { }
console.log(b);
function c() { }
console.log(c);
}
fn(1, 2)
第一階段：創建 AO 對象，查找函數形參以及函數內部的變量聲明,實參和形參相統一，如果沒有傳遞實參，那么值為 undefined
AO : {
a : undefined -> 1
c : undefined -> 2
b : undefined
d : undefined
}
第二階段：查找函數聲明
AO : {
a : undefined -> 1 -> function a() { }
c : undefined -> 2 -> function c() { }
b : undefined -> function () { }
d : undefined
}
執行代碼
avaScript this 關鍵詞
實例
var person = {
firstName: "Bill",
lastName : "Gates",
id : 678,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
