HTML之所以稱為超文本標(biāo)記語(yǔ)言，是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。下面由學(xué)習(xí)啦小編為大家整理的html的入門(mén)教程，希望大家喜歡!

　　html的入門(mén)教程

　　(一)、html是什么如何學(xué)習(xí)

　　HTML被用來(lái)結(jié)構(gòu)化信息——例如標(biāo)題、段落和列表等等，也可用來(lái)在一定程度上描述文檔的外觀和語(yǔ)義。由蒂姆·伯納斯-李給出原始定義，由IETF用簡(jiǎn)化的SGML(標(biāo)準(zhǔn)通用置標(biāo)語(yǔ)言)語(yǔ)法進(jìn)行進(jìn)一步發(fā)展的HTML后來(lái)成為國(guó)際標(biāo)準(zhǔn)，由萬(wàn)維網(wǎng)聯(lián)盟(W3C)維護(hù)。

　　(二)、html格式文件打開(kāi)

　　html文件是超文本標(biāo)記語(yǔ)言，也就是說(shuō)，網(wǎng)頁(yè)的文件后綴名稱就是為html或者h(yuǎn)tm都是一樣的意思的。

　　(三)、html如何格式化

　　HTML決定了你的界面要展示什么樣的內(nèi)容，而整齊的HTML代碼會(huì)讓人感覺(jué)賞心悅目，現(xiàn)在就教一下初級(jí)程序員如何快速格式化HTML代碼

　　(四)、如何給html多行注釋

　　我們經(jīng)常要在一些代碼旁做一些HTML注釋,這樣做的好處很多,比如:方便項(xiàng)目組里的其它程序員了解你的代碼,而且可以方便以后你對(duì)自己代碼的理解與修改等等。

　　(五)、html編輯器是哪些

　　編輯制作html(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言下的一個(gè)應(yīng)用)的工具，可自定義窗囗，編輯主題、索引，可選擇添搜索頁(yè)，無(wú)任何不自由?？梢允褂脤I(yè)的HTML編輯器來(lái)編輯HTML。

　　html是如何學(xué)習(xí)的

　　html是什么

　　HTML(Hyper Text Mark-up Language )即超文本標(biāo)記語(yǔ)言，是 WWW 的描述語(yǔ)言，由 Tim Berners-lee提出。設(shè)計(jì) HTML 語(yǔ)言的目的是為了能把存放在一臺(tái)電腦中的文本或圖形與另一臺(tái)電腦中的文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體，人們不用考慮具體信息是在當(dāng)前電腦上還是在網(wǎng)絡(luò)的其它電腦上。這樣，你只要使用鼠標(biāo)在某一文檔中點(diǎn)取一個(gè)圖標(biāo)，Internet就會(huì)馬上轉(zhuǎn)到與此圖標(biāo)相關(guān)的內(nèi)容上去，而這些信息可能存放在網(wǎng)絡(luò)的另一臺(tái)電腦中。 HTML文本是由 HTML命令組成的描述性文本，HTML 命令可以說(shuō)明文字、 圖形、動(dòng)畫(huà)、聲音、表格、鏈接等。 HTML的結(jié)構(gòu)包括頭部 (Head)、主體 (Body) 兩大部分。頭部描述瀏覽器所需的信息，主體包含所要說(shuō)明的具體內(nèi)容。

　　特點(diǎn)

　　超級(jí)文本標(biāo)記語(yǔ)言文檔制作不是很復(fù)雜，但功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)?，這也是萬(wàn)維網(wǎng)(WWW)盛行的原因之一，其主要特點(diǎn)如下：

　　簡(jiǎn)易性：超級(jí)文本標(biāo)記語(yǔ)言版本升級(jí)采用超集方式，從而更加靈活方便。

　　可擴(kuò)展性：超級(jí)文本標(biāo)記語(yǔ)言的廣泛應(yīng)用帶來(lái)了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，超級(jí)文本標(biāo)記語(yǔ)言采取子類(lèi)元素的方式，為系統(tǒng)擴(kuò)展帶來(lái)保證。

　　平臺(tái)無(wú)關(guān)性：雖然個(gè)人計(jì)算機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，超級(jí)文本標(biāo)記語(yǔ)言可以使用在廣泛的平臺(tái)上，這也是萬(wàn)維網(wǎng)(WWW)盛行的另一個(gè)原因。

　　通用性：另外，HTML是網(wǎng)絡(luò)的通用語(yǔ)言,一種簡(jiǎn)單、通用的全置標(biāo)記語(yǔ)言。它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類(lèi)型的電腦或?yàn)g覽器。

　　html如何格式化

　　Dreamweaver如何格式化html代碼

　　用Dreamweaver打開(kāi)現(xiàn)有html文檔時(shí)，沒(méi)有任何縮進(jìn)的代碼，可讀性很差

　　為了格式化代碼，我們可以先設(shè)置一下自己想要的代碼格式。

　　依次點(diǎn)擊 編輯 -> 首選參數(shù);

　　英文版則是 Edit -> Preferences

　　在彈出的對(duì)話框中點(diǎn)擊“代碼格式”

　　1、縮進(jìn)：有“空格”和“Tab鍵”兩種選項(xiàng)，這里我設(shè)置為2個(gè)空格;

　　2、制表符大?。?;

　　3、換行符類(lèi)型：CR LF(Windows);

　　4、默認(rèn)標(biāo)簽大小寫(xiě)：小寫(xiě);

　　5、默認(rèn)屬性大小寫(xiě)：小寫(xiě);

　　余下的選項(xiàng)使用默認(rèn)設(shè)置，點(diǎn)擊“確定”保存。

　　依次點(diǎn)擊工具欄 命令 -> 應(yīng)用源格式;

　　英文版為Commands -> Apply Source Formatting

　　ok，html文檔已經(jīng)格式化了，大大提到了代碼的可讀性

　　用Dreamweaver查看或編輯jsp等其他格式文件也是同樣的操作

　　notepad++html語(yǔ)句格式化

　　第一步：選擇插件tidy2

　　打開(kāi)Notepad++軟件，選擇插件菜單——Plugin Manager——Show Plugin Manager，在插件列表中找到tidy2。

　　第二步：安裝

　　點(diǎn)擊“install”按鈕，進(jìn)行插件安裝。

　　第三步：完成安裝重啟軟件

　　完成第二步的安裝后，notepad++軟件會(huì)自動(dòng)重啟下，然后你就可以在菜單“插件”下多一個(gè)“Tidy2”菜單。然后你可以按你的需要對(duì)html進(jìn)行格式化。