本文小編為大家詳細(xì)介紹“html文件的擴(kuò)展名和類型是什么”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“html文件的擴(kuò)展名和類型是什么”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來(lái)學(xué)習(xí)新知識(shí)吧。
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比巨鹿網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式巨鹿網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋巨鹿地區(qū)。費(fèi)用合理售后完善,十余年實(shí)體公司更值得信賴。
html文件的擴(kuò)展名有兩種:“html”和“htm”。html文件是一種純文本文件,是由HTML命令組成的描述性文本,是一種靜態(tài)的網(wǎng)頁(yè)文件;HTML文件在編輯時(shí)只能寫入純文本,無(wú)法像“.doc”文檔那樣直接為文字內(nèi)容設(shè)置樣式。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
HTML 英文全稱是 Hyper Text Markup Language,中文譯為“超文本標(biāo)記語(yǔ)言”,專門用來(lái)設(shè)計(jì)和編輯網(wǎng)頁(yè)。
使用 HTML 編寫的文件稱為“HTML 文檔”,一般后綴為.html
(也可以使用.htm
,不過(guò)比較少見(jiàn))。HTML 文檔是一種純文本文件,您可以使用 Windows 記事本、Linux Vim、Notepad++、Sublime Text、VS Code 等文本編輯來(lái)打開(kāi)或者創(chuàng)建。
HTML 文檔 = 網(wǎng)頁(yè)
HTML 文檔描述網(wǎng)頁(yè)。
HTML 文檔也被稱之為網(wǎng)頁(yè)。
HTML 文檔包含了 HTML 標(biāo)簽和純文本。
HTML標(biāo)簽:
HTML 是一種標(biāo)記語(yǔ)言,使用各種標(biāo)簽來(lái)格式化內(nèi)容,標(biāo)簽的特點(diǎn)如下所示:
HTML 標(biāo)簽由尖括號(hào)包圍的關(guān)鍵詞構(gòu)成,比如 <html>;
除了少數(shù)標(biāo)簽外,大多數(shù) HTML 標(biāo)簽都是成對(duì)出現(xiàn)的,比如 <b> 和 </b>;
成對(duì)出現(xiàn)的標(biāo)簽中,第一個(gè)標(biāo)簽稱為開(kāi)始標(biāo)簽,第二個(gè)標(biāo)簽稱為結(jié)束標(biāo)簽(閉合標(biāo)簽)。
HTML 中的不同標(biāo)簽具有不同的含義,學(xué)習(xí) HTML 其實(shí)就是學(xué)習(xí)各個(gè)標(biāo)簽的含義,根據(jù)實(shí)際場(chǎng)景的需要,選擇合適的標(biāo)簽,從而制作出精美的網(wǎng)頁(yè)。
Web 瀏覽器的作用是讀取 HTML 文檔,并以網(wǎng)頁(yè)的形式去顯示出內(nèi)容。
Web 瀏覽器不會(huì)顯示 HTML 標(biāo)簽,而是使用標(biāo)簽來(lái)解釋頁(yè)面里的內(nèi)容。
HTML 標(biāo)簽代碼如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>第一個(gè)網(wǎng)頁(yè)</title> </head> <body> <h2>這是我的第一個(gè)網(wǎng)頁(yè)</h2> <p>我一定會(huì)成為一名優(yōu)秀的前端開(kāi)發(fā)工程師。</p> </body> </html>
本例標(biāo)簽代碼解釋:
1、網(wǎng)頁(yè)的描述需寫在 <html></html>標(biāo)簽中。
2、標(biāo)題、字符編碼、兼容性、關(guān)鍵字、描述等信息需寫在 <head></head>標(biāo)簽中。
3、網(wǎng)頁(yè)需要展示的內(nèi)容需寫在 <body></body>標(biāo)簽中。
某些時(shí)候不按標(biāo)準(zhǔn)書(shū)寫代碼雖然可以正常顯示,但是作為職業(yè)素養(yǎng),還是一定要養(yǎng)成正規(guī)的編寫習(xí)慣。
<!DOCTYPE html>
文檔聲明頭.告知瀏覽器是使用哪種html版本進(jìn)行編寫(這里是HTML5).
<html lang="en">
向搜索引擎表示該頁(yè)面是html語(yǔ)言,并且語(yǔ)言為英文.
<h2></h2>
標(biāo)題標(biāo)簽. 為其中的文本內(nèi)容增加了作為標(biāo)題的語(yǔ)義.
<p></p>
段落標(biāo)簽. 為其中的文本內(nèi)容增加了作為段落的語(yǔ)義.
編輯器運(yùn)行此段代碼,Web 瀏覽器就會(huì)編譯 HTML 標(biāo)簽代碼,以標(biāo)簽來(lái)解釋頁(yè)面里的內(nèi)容。
最終的運(yùn)行結(jié)果便是展示出頁(yè)面里的內(nèi)容,不會(huì)顯示 HTML 標(biāo)簽。
Web 瀏覽器展示效果如下:
Windows 中自帶一個(gè)軟件,叫做記事本。
記事本保存的文檔格式是 .txt 格式,就是英語(yǔ)text的縮寫。
術(shù)語(yǔ)上,稱呼這個(gè)文件叫做:“ 純文本文件”。
非純文本文件和純文本文件的含義與區(qū)別:
** .doc 非純文本文件:**
我們做一個(gè)小實(shí)驗(yàn),打開(kāi)我們的 word 軟件,寫一個(gè)文檔再進(jìn)行保存,發(fā)現(xiàn)保存后的文檔后綴名格式是 .doc。 另外我們?cè)趯懙倪^(guò)程中還發(fā)現(xiàn) .doc這個(gè)格式的文件它還能夠設(shè)置以及保存文本的樣式,比如文本有藍(lán)色的、橙色的,還可以為文本設(shè)置下劃線等等繁多的樣式。
** .txt 純文本文件:**
現(xiàn)在我們?cè)?strong>打開(kāi) Windows 自帶的記事本并進(jìn)行寫作,我們發(fā)現(xiàn)在寫作的過(guò)程中是不能為文本設(shè)置顏色、不能為文本設(shè)置下劃線等樣式的。
總結(jié)非純文本文件和純文本文件的 含義 與 區(qū)別:
含義:
非純文本文件(比如.doc):
它除了有文本,還可以為文本設(shè)置花樣繁多的樣式。
純文本文件(比如.txt):
它只有文本,沒(méi)有樣式。
區(qū)別:
非純文本文件(比如.doc):
它除了有純文本那樣可寫入文本的基本功能,并且還能夠設(shè)置以及保存文本的樣式,比如將文本設(shè)置保存為不同的文本顏色,為文本設(shè)置下劃線等等繁多的樣式。
純文本文件(比如.txt):
一句話概括就是它只能規(guī)規(guī)矩矩老老實(shí)實(shí)工工整整的寫入文本,不能夠?yàn)槲谋驹O(shè)置任何樣式。
為什么這里會(huì)先說(shuō)明下非純文本文件和純文本文件的含義與區(qū)別呢?
因?yàn)?
HTML 就是純文本!
HTML 文件在編輯時(shí)只能寫入純文本, 你會(huì)發(fā)現(xiàn)它無(wú)法像 .doc 文檔那樣直接為文字內(nèi)容做樣式!
我們可以做個(gè)小實(shí)驗(yàn), 也是應(yīng)驗(yàn)HTML是純文本文件的最經(jīng)典實(shí)驗(yàn):
我們?cè)陔娔X桌面上新建一個(gè)記事本 .txt 文件. 打開(kāi)并隨意寫上文字內(nèi)容后 Ctrl+S 保存, 然后關(guān)閉文件。
下一步我們強(qiáng)行將文件的 .txt 拓展名改為 .html 拓展名. 此時(shí)這個(gè) .html 文件它便是一個(gè)網(wǎng)頁(yè)文件
這時(shí)我們使用瀏覽器去打開(kāi)它, 我們發(fā)現(xiàn)瀏覽器是完全可以正常顯示原有的全部?jī)?nèi)容的!
這樣開(kāi)始從一個(gè) .txt 文件修改為了 .html 文件, 直至最后使用瀏覽器運(yùn)行, 發(fā)現(xiàn)也是會(huì)正常顯示全部?jī)?nèi)容的過(guò)程, 足以證明 HTML 是純文本文件!
另外我們也是完全可以使用記事本去編寫 HTML 文件, 因?yàn)?HTML 文件完全就是純文本文件(但實(shí)際開(kāi)發(fā)中沒(méi)人這么干, 這里只是說(shuō)明下罷了)。
讀到這里,這篇“html文件的擴(kuò)展名和類型是什么”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì),如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
文章名稱:html文件的擴(kuò)展名和類型是什么
標(biāo)題鏈接:http://jinyejixie.com/article42/ppeehc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供、域名注冊(cè)、企業(yè)網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站改版
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)