整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
互聯(lián)網(wǎng)高速發(fā)展的今天，我們通過瀏覽器可以看到各種各樣的網(wǎng)站，包含了各式不同的領(lǐng)域還有內(nèi)容，通過點(diǎn)擊網(wǎng)站上的標(biāo)簽和欄目我們就能夠很方便地看到網(wǎng)站上顯示的各種數(shù)據(jù)，而這些都是建立在HTML這種標(biāo)記語(yǔ)言的基礎(chǔ)上做到的。
HTML的英文全稱為Hyper Text Markup Language，中文稱作超文本標(biāo)記語(yǔ)言，是一種專門用來(lái)建立網(wǎng)站的標(biāo)識(shí)語(yǔ)言。其中包括了許多標(biāo)簽將分散的網(wǎng)絡(luò)數(shù)據(jù)連接到一起，聚合同一之后形成了我們現(xiàn)在所看到的網(wǎng)頁(yè)。
看到這里是不是有許多朋友想要知道這個(gè)HTML語(yǔ)言該怎么去學(xué)習(xí)呢？是需要找老師統(tǒng)一學(xué)，還是去圖書館找專業(yè)書籍自己學(xué)好呢？不用擔(dān)心，因?yàn)榻裉煲o大家推薦的就是一個(gè)專門為大家提供各種編程語(yǔ)言教程的學(xué)習(xí)網(wǎng)站。
這個(gè)網(wǎng)站名叫 runoob，直接在瀏覽器上搜索即可找到。
圖片來(lái)自RUNOOB網(wǎng)頁(yè)截圖
在首頁(yè)可以看到該欄目的第二個(gè)就是關(guān)于HTML的學(xué)習(xí)教程，點(diǎn)擊左邊的方框可以調(diào)整你的課程進(jìn)度，在第一章節(jié)的教程中很清晰地講解了什么是HTML，以及告訴了你一些關(guān)于網(wǎng)站建立的小知識(shí)。
下方的提示框會(huì)給你提供一些對(duì)HTML零基礎(chǔ)新手的科普，關(guān)于這種標(biāo)記語(yǔ)言應(yīng)該如何進(jìn)行保存，如何查看文件后輟名，如何打開代碼文件等等，還會(huì)提供一些專用工具供你學(xué)習(xí)使用。同時(shí)網(wǎng)站會(huì)給你簡(jiǎn)單介紹一些網(wǎng)頁(yè)編程語(yǔ)言的區(qū)別，還有各種用途上的區(qū)分，非常地詳細(xì)。
圖片來(lái)自RUNOOB網(wǎng)頁(yè)截圖
在第三章節(jié)的編輯器一欄里，會(huì)提供給你一些HTML的專用編輯器，例如VS Code，還有sublime text 等實(shí)用工具，在后面會(huì)教你如何將這些HTML必備編輯器下載并安裝，然后在瀏覽器上面運(yùn)行。
通過插件還有語(yǔ)言編程的格式我們就能夠?qū)W會(huì)如何制作第一步的標(biāo)題了，剛開始的一步比較簡(jiǎn)單，相信大家很快就能學(xué)會(huì)如何在網(wǎng)頁(yè)上顯示自己打入的文字了。之后進(jìn)一步的學(xué)習(xí)就是關(guān)于如何調(diào)整文字段落，還有各種標(biāo)識(shí)的使用。
圖片來(lái)自RUNOOB網(wǎng)頁(yè)截圖
在如何進(jìn)行文字排版編輯的方面，教程中也講述得很詳細(xì)，包括一些用戶們常犯的錯(cuò)誤，還有一些網(wǎng)頁(yè)的實(shí)例，甚至是這個(gè)教學(xué)網(wǎng)站上的排版示范都會(huì)進(jìn)行一一講解。
更深入的章節(jié)會(huì)對(duì)如何進(jìn)行圖像排列，傳輸?shù)确矫孢M(jìn)行細(xì)講，教程中把大部分網(wǎng)站會(huì)使用到的技巧還有排版方式都分成了許多個(gè)小片段，方便大家能夠?qū)γ總€(gè)方面針對(duì)性地學(xué)習(xí)。這些內(nèi)容并不多，幾乎每一個(gè)片段都是用很直白的語(yǔ)言進(jìn)行講解，方便所有人都能夠看懂，并且在下方都會(huì)有更詳細(xì)的術(shù)語(yǔ)解析，還有一些比較難懂的點(diǎn)會(huì)舉例解釋。
圖片來(lái)自RUNOOB網(wǎng)頁(yè)截圖
經(jīng)過十幾章節(jié)的教學(xué)之后，基本上能夠掌握HTML語(yǔ)言的基本用法，還有一些簡(jiǎn)單的操作了，這個(gè)時(shí)候如果想要進(jìn)階學(xué)習(xí)的話還可以在網(wǎng)站上查找其他的進(jìn)階語(yǔ)言用法，例如CSS, JavaScript等等復(fù)雜一些的語(yǔ)言，相應(yīng)的你也會(huì)學(xué)到更多如何運(yùn)營(yíng)網(wǎng)頁(yè)的方法。
當(dāng)然如果想要自己建立一個(gè)網(wǎng)站的話，還需要更多資源還有設(shè)備，例如高速的網(wǎng)絡(luò)連接保持網(wǎng)頁(yè)的穩(wěn)定性，以及穩(wěn)定的服務(wù)器，用來(lái)保證自己的網(wǎng)頁(yè)24小時(shí)都能保持流暢可用。不過這些都是在學(xué)會(huì)了如何建立網(wǎng)頁(yè)之后才考慮的事了。
現(xiàn)在網(wǎng)上也有許多編程教學(xué)，在網(wǎng)上自學(xué)一門知識(shí)一門語(yǔ)言變得非常方便，但是僅僅是擁有資源還是不夠的。學(xué)習(xí)如何建立自己的網(wǎng)站還需要大量的努力以及知識(shí)的積累，通過不斷的練習(xí)還有實(shí)踐才能自如地使用，只有基礎(chǔ)扎實(shí)，建立出來(lái)的網(wǎng)站才能夠長(zhǎng)久。但還需要大家能夠行動(dòng)起來(lái)，只有去學(xué)習(xí)去實(shí)踐才能夠真正學(xué)會(huì)東西，希望這個(gè)教學(xué)網(wǎng)站推薦能夠幫到更多人！
么是HTML?
一，什么是html呢？
HTML英語(yǔ)：HyperText Markup Language，中文：超文本標(biāo)記語(yǔ)言，是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。
HTML的全稱為超文本標(biāo)記語(yǔ)言，是一種標(biāo)記語(yǔ)言。它包括一系列標(biāo)簽．通過這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體。
超文本是一種組織信息的方式，它通過超級(jí)鏈接方法將文本中的文字、圖表與其他信息媒體相關(guān)聯(lián)。這些相互關(guān)聯(lián)的信息媒體可能在同一文本中，也可能是其他文件，或是地理位置相距遙遠(yuǎn)的某臺(tái)計(jì)算機(jī)上的文件。這種組織信息方式將分布在不同位置的信息資源用隨機(jī)方式進(jìn)行連接，為人們查找，檢索信息提供方便。
HTML即平常上網(wǎng)所看到的的網(wǎng)頁(yè)，HTML 命令可以說(shuō)明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。
HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。
HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言
標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)
HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)
HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
HTML文檔也叫做 web 頁(yè)面
<!DOCTYPE html> 聲明為 HTML5 文檔
<html> 元素是 HTML 頁(yè)面的根元素，所有html標(biāo)簽的一個(gè)根節(jié)點(diǎn)。
<head> 文檔的頭部，描述了文檔的各種屬性和信息，包括文檔的標(biāo)題，在web中的位置以及和其他文檔的關(guān)系。
<meta charset="utf-8"> ：對(duì)于中文網(wǎng)頁(yè)需要使用 <meta charset="utf-8"> 聲明編碼，否則會(huì)出現(xiàn)亂碼。
<title> 元素描述了文檔的標(biāo)題
<body> 元素包含了可見的頁(yè)面內(nèi)容，文檔的主體，以后我們的頁(yè)面內(nèi)容基本上都是寫到這個(gè)標(biāo)簽里面的（比如文本、超鏈接、圖像、表格和列表）。
從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多HTML版本:
版本 | 發(fā)布時(shí)間 |
HTML | 1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML 1.0 | 2000 |
HTML5 | 2012 |
XHTML5 | 2013 |
么是HTML / HTM文件？他們相差一個(gè)字母有什么區(qū)別嗎，如何查看或編輯源代碼以及如何轉(zhuǎn)換成其他格式，例如DOCX，PDF，JPG 等，針對(duì)這些問題編程獅W3Cschool整理以下資料希望能對(duì)你有所幫助：
HTM / HTML 文件是超文本標(biāo)記語(yǔ)言（Hyper Text Markup Language）文件，是 Internet 上的標(biāo)準(zhǔn)網(wǎng)頁(yè)文件類型。
由于 HTM 文件是純文本文件，因此它們僅包含文本（例如您現(xiàn)在正在閱讀的內(nèi)容）以及對(duì)其他外部文件的文本引用（例如本文中的配圖）。
HTM 和 HTML 文件還可以引用其他文件，例如視頻，CSS 或 JS 文件。
HTM 與 HTML 沒有本質(zhì)意義的區(qū)別，只是為了滿足 DOS 僅能識(shí)別 8+3 的文件名而已，因?yàn)橐恍├系南到y(tǒng) (win32) 不能識(shí)別四位文件名，所以某些網(wǎng)頁(yè)服務(wù)器要求 index.html 最后一個(gè) l 不能省略。MSIE 能自動(dòng)識(shí)別和打開這些文件，但編寫網(wǎng)頁(yè)地址的時(shí)候必須是完全對(duì)應(yīng)的，也就是說(shuō) index.htm 和 index.html 是兩個(gè)不同的文件，對(duì)應(yīng)著不同的地址。值得一提的是 UNIX 系統(tǒng)中對(duì)大小寫敏感，不吻合的話就可能報(bào)沒有文件或者找不到文件。
任何 Web 瀏覽器，例如 Edge，F(xiàn)irefox，Chrome，Opera，IE，360 安全瀏覽器等，都可以打開并正確顯示 HTM 和 HTML 文件。換句話說(shuō)，在瀏覽器中打開這些文件并“解碼（decode）” HTM 或 HTML 文件使其能正確顯示。
現(xiàn)在有很多簡(jiǎn)化編輯和創(chuàng)建 HTM / HTML 文件的工具。一些著名的免費(fèi) HTML 編輯器包括 Eclipse ，Komodo Edit 和 Bluefish 。另一個(gè)流行的具有許多高級(jí)功能的 HTM / HTML 編輯器是 Adobe Dreamweaver ，不過它是收費(fèi)的。
雖然 Windows 系統(tǒng)自帶的記事本等簡(jiǎn)單的文本編輯器的功能不如專用的 HTM 編輯器那么豐富，但是對(duì) HTM 或 HTML 文件進(jìn)行簡(jiǎn)單編輯修改還是可以的。不過，W3Cschool還是建議大家使用專用的編輯器，如 WebStorm、VS Code 等，它具更多專業(yè)功能。
這是一個(gè)非常簡(jiǎn)單的 HTML 頁(yè)面以文本形式顯示的示例：
源碼：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>什么是HTM或HTML文件？ - 編程獅(w3cschool.cn)</title>
</head>
<body>
<h1>什么是HTM或HTML文件？</h1>
<p>HTM / HTML 文件是超文本標(biāo)記語(yǔ)言（Hyper Text Markup Language）文件，是 Internet 上的標(biāo)準(zhǔn)網(wǎng)頁(yè)文件類型。</p>
<p>由于 HTM 文件是純文本文件，因此它們僅包含文本（例如您現(xiàn)在正在閱讀的內(nèi)容）以及對(duì)其他外部文件的文本*引用*（例如本文中的配圖）。</p>
<p>HTM 和 HTML 文件還可以引用其他文件，例如視頻，CSS 或 JS 文件。</p>
</body>
</html>當(dāng) Web 瀏覽器呈現(xiàn)信息時(shí)，HTML 文件的源代碼被“轉(zhuǎn)換”為真實(shí)的網(wǎng)頁(yè)（盡管源代碼已很精簡(jiǎn)了）。
HTM 文件以特定的語(yǔ)法（規(guī)則）構(gòu)成，以使其中的代碼和文本在瀏覽器中打開時(shí)能夠正確顯示。因此，將 HTM / HTML 文件轉(zhuǎn)換為另一種格式可能會(huì)丟失頁(yè)面上的所有功能。
如果你想要做的是將一個(gè) HTM / HTML 文件轉(zhuǎn)換為方便離線查看的文件，這時(shí)圖片或 PDF 格式會(huì)方便很多。
在 Chrome 中，鼠標(biāo)右鍵單擊網(wǎng)頁(yè)，出現(xiàn)的選項(xiàng)菜單中進(jìn)入 “打印(P)...”(快捷鍵：CTRL + P) ，在打印選項(xiàng)中選擇另存為 PDF，以將窗口中的頁(yè)面轉(zhuǎn)換為 PDF 文件。Chrome 瀏覽器的擴(kuò)展功能也稱為“全屏截屏”，可將 Chrome 瀏覽器中所有打開的 HTM / HTML 文件轉(zhuǎn)換為 PNG 文件。
其他瀏覽器具有類似的功能，例如 Firefox 的 “另存為 PDF” 加載項(xiàng)。
您也可以使用專門用于 HTM / HTML 進(jìn)行圖像文件轉(zhuǎn)換的網(wǎng)站，例如iWeb2Shot 或Web-capture 。
一個(gè)免費(fèi)的文件轉(zhuǎn)換器可以用來(lái)轉(zhuǎn)換并保存 HTM / HTML 文件到您的計(jì)算機(jī)。如 FileZigZag 是一個(gè)免費(fèi)的文檔轉(zhuǎn)換器網(wǎng)站，可將 HTM 轉(zhuǎn)換為RTF，EPS，CSV，PDF 和許多其他格式。
HTM / HTML 文件不能轉(zhuǎn)換為文本文件格式以外的任何格式。例如，HTML 文件永遠(yuǎn)不能轉(zhuǎn)換為 MP3 音頻文件。
HTML / HTM 文件應(yīng)該很容易打開，因?yàn)樗鼈冎皇侨魏?Web 瀏覽器都可以查看的文本文件。如果您的文件沒有從上面建議的任何程序打開，則很有可能正在打開的這個(gè)文件并非超文本標(biāo)記語(yǔ)言文件。
某些文件格式使用的文件擴(kuò)展名與 HTML / HTM 非常相似，但實(shí)際上并非相同。一個(gè)主要的示例是用于壓縮 HTML 電子書文件的 HTMLZ 文件擴(kuò)展名。有 HTML 文件在內(nèi)的 HTMLZ 文件，但整個(gè)包的格式為 ZIP，不會(huì)在 Web 瀏覽器或文本編輯器打開。
在此示例中，您需要特定的 HTMLZ 文件查看器，例如Caliber 。或者，由于此文件格式實(shí)際上是存檔，因此您可以使用 7-Zip 之類的文件解壓縮器將其打開，然后您可以使用網(wǎng)絡(luò)瀏覽器或上述任何其他 HTML 查看器/編輯器打開任何單獨(dú)的 HTML 文件。
TMLANGUAGE 是另一個(gè)可能與 HTML / HTM 文件混淆的文件擴(kuò)展名。這些實(shí)際上是TextMate 用于 macOS 的 TextMate 語(yǔ)言語(yǔ)法文件。
以上就是編程獅W3Cschool為你整理的關(guān)于《什么是HTM或HTML文件？如何打開、編輯和轉(zhuǎn)換HTM和HTML文件？》的全部?jī)?nèi)容，現(xiàn)希望可以幫到你~
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
