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