什么是HTM或HTML文件？如何打開HTM和HTML文件？

么是HTML / HTM文件？他們相差一個字母有什么區(qū)別嗎，如何查看或編輯源代碼以及如何轉(zhuǎn)換成其他格式，例如DOCX，PDF，JPG 等，針對這些問題編程獅W3Cschool整理以下資料希望能對你有所幫助：

什么是HTM或HTML文件？

HTM / HTML 文件是超文本標記語言（Hyper Text Markup Language）文件，是 Internet 上的標準網(wǎng)頁文件類型。

由于 HTM 文件是純文本文件，因此它們僅包含文本（例如您現(xiàn)在正在閱讀的內(nèi)容）以及對其他外部文件的文本引用（例如本文中的配圖）。

HTM 和 HTML 文件還可以引用其他文件，例如視頻，CSS 或 JS 文件。

HTM與HTML的區(qū)別

HTM 與 HTML 沒有本質(zhì)意義的區(qū)別，只是為了滿足 DOS 僅能識別 8+3 的文件名而已，因為一些老的系統(tǒng) (win32) 不能識別四位文件名，所以某些網(wǎng)頁服務器要求 index.html 最后一個 l 不能省略。MSIE 能自動識別和打開這些文件，但編寫網(wǎng)頁地址的時候必須是完全對應的，也就是說 index.htm 和 index.html 是兩個不同的文件，對應著不同的地址。值得一提的是 UNIX 系統(tǒng)中對大小寫敏感，不吻合的話就可能報沒有文件或者找不到文件。

如何打開HTM或HTML文件？

任何 Web 瀏覽器，例如 Edge，F(xiàn)irefox，Chrome，Opera，IE，360 安全瀏覽器等，都可以打開并正確顯示 HTM 和 HTML 文件。換句話說，在瀏覽器中打開這些文件并“解碼（decode）” HTM 或 HTML 文件使其能正確顯示。

現(xiàn)在有很多簡化編輯和創(chuàng)建 HTM / HTML 文件的工具。一些著名的免費 HTML 編輯器包括 Eclipse ，Komodo Edit 和 Bluefish 。另一個流行的具有許多高級功能的 HTM / HTML 編輯器是 Adobe Dreamweaver ，不過它是收費的。

雖然 Windows 系統(tǒng)自帶的記事本等簡單的文本編輯器的功能不如專用的 HTM 編輯器那么豐富，但是對 HTM 或 HTML 文件進行簡單編輯修改還是可以的。不過，W3Cschool還是建議大家使用專用的編輯器，如 WebStorm、VS Code 等，它具更多專業(yè)功能。

這是一個非常簡單的 HTML 頁面以文本形式顯示的示例：

源碼：

<!doctype html>
<html>

    
<head>
<meta charset="utf-8">
<title>什么是HTM或HTML文件？ - 編程獅(w3cschool.cn)</title>
</head>


<body>
    <h1>什么是HTM或HTML文件？</h1>
    <p>HTM / HTML 文件是超文本標記語言（Hyper Text Markup Language）文件，是 Internet 上的標準網(wǎng)頁文件類型。</p>
    <p>由于 HTM 文件是純文本文件，因此它們僅包含文本（例如您現(xiàn)在正在閱讀的內(nèi)容）以及對其他外部文件的文本*引用*（例如本文中的配圖）。</p>
    <p>HTM 和 HTML 文件還可以引用其他文件，例如視頻，CSS 或 JS 文件。</p>   
</body>

    
</html>

當 Web 瀏覽器呈現(xiàn)信息時，HTML 文件的源代碼被“轉(zhuǎn)換”為真實的網(wǎng)頁（盡管源代碼已很精簡了）。

如何轉(zhuǎn)換HTML和HTM文件？

HTM 文件以特定的語法（規(guī)則）構(gòu)成，以使其中的代碼和文本在瀏覽器中打開時能夠正確顯示。因此，將 HTM / HTML 文件轉(zhuǎn)換為另一種格式可能會丟失頁面上的所有功能。

如果你想要做的是將一個 HTM / HTML 文件轉(zhuǎn)換為方便離線查看的文件，這時圖片或 PDF 格式會方便很多。

在 Chrome 中，鼠標右鍵單擊網(wǎng)頁，出現(xiàn)的選項菜單中進入 “打印(P)...”(快捷鍵：CTRL + P) ，在打印選項中選擇另存為 PDF，以將窗口中的頁面轉(zhuǎn)換為 PDF 文件。Chrome 瀏覽器的擴展功能也稱為“全屏截屏”，可將 Chrome 瀏覽器中所有打開的 HTM / HTML 文件轉(zhuǎn)換為 PNG 文件。

其他瀏覽器具有類似的功能，例如 Firefox 的 “另存為 PDF” 加載項。

您也可以使用專門用于 HTM / HTML 進行圖像文件轉(zhuǎn)換的網(wǎng)站，例如iWeb2Shot 或Web-capture 。

一個免費的文件轉(zhuǎn)換器可以用來轉(zhuǎn)換并保存 HTM / HTML 文件到您的計算機。如 FileZigZag 是一個免費的文檔轉(zhuǎn)換器網(wǎng)站，可將 HTM 轉(zhuǎn)換為RTF，EPS，CSV，PDF 和許多其他格式。

HTM / HTML 文件不能轉(zhuǎn)換為文本文件格式以外的任何格式。例如，HTML 文件永遠不能轉(zhuǎn)換為 MP3 音頻文件。

文件打不開？

HTML / HTM 文件應該很容易打開，因為它們只是任何 Web 瀏覽器都可以查看的文本文件。如果您的文件沒有從上面建議的任何程序打開，則很有可能正在打開的這個文件并非超文本標記語言文件。

某些文件格式使用的文件擴展名與 HTML / HTM 非常相似，但實際上并非相同。一個主要的示例是用于壓縮 HTML 電子書文件的 HTMLZ 文件擴展名。有 HTML 文件在內(nèi)的 HTMLZ 文件，但整個包的格式為 ZIP，不會在 Web 瀏覽器或文本編輯器打開。

在此示例中，您需要特定的 HTMLZ 文件查看器，例如Caliber 。或者，由于此文件格式實際上是存檔，因此您可以使用 7-Zip 之類的文件解壓縮器將其打開，然后您可以使用網(wǎng)絡瀏覽器或上述任何其他 HTML 查看器/編輯器打開任何單獨的 HTML 文件。

TMLANGUAGE 是另一個可能與 HTML / HTM 文件混淆的文件擴展名。這些實際上是TextMate 用于 macOS 的 TextMate 語言語法文件。

以上就是編程獅W3Cschool為你整理的關于《什么是HTM或HTML文件？如何打開、編輯和轉(zhuǎn)換HTM和HTML文件？》的全部內(nèi)容，現(xiàn)希望可以幫到你~

分享成果，隨喜正能量】人生，有多少計較，就有多少痛苦。有多少寬容，就有多少歡樂。痛苦與歡樂都是心靈的折射，就像鏡子里面有什么，決定于鏡子面前的事物。心里放不下，自然成了負擔，負擔越多，人生越不快樂。計較的心如同口袋，寬容的心猶如漏斗。復雜的心愛計較，簡單的心易快樂。

《VBA信息獲取與處理》教程是我推出第六套教程，目前已經(jīng)是第一版修訂了。這套教程定位于最高級，是學完初級，中級后的教程。這部教程給大家講解的內(nèi)容有：跨應用程序信息獲得、隨機信息的利用、電子郵件的發(fā)送、VBA互聯(lián)網(wǎng)數(shù)據(jù)抓取、VBA延時操作，剪貼板應用、Split函數(shù)擴展、工作表信息與其他應用交互，F(xiàn)SO對象的利用、工作表及文件夾信息的獲取、圖形信息的獲取以及定制工作表信息函數(shù)等等內(nèi)容。程序文件通過32位和64位兩種OFFICE系統(tǒng)測試。是非常抽象的，更具研究的價值。

教程共兩冊，八十四講。今日的內(nèi)容是專題八“VBA與HTML文檔”的第二節(jié)上半部分：HTML文檔元素

第二節(jié) HTML文檔的元素分析之一

大家好，我們這講開始HTML的講解，為了認識這種特殊的語言，我們要先看看這種語言中的各種元素個代表什么意義。上節(jié)中在講這種語言的特征時講過，標簽是用來描述網(wǎng)頁的。瀏覽器讀取HTML文檔，識別標簽，并按標簽要求以網(wǎng)頁進行顯示文本。大部分標簽都是成隊出現(xiàn)的。

起始標簽和結(jié)束標簽之間的所有文本，都叫做元素。也就是這個格式就是：

<起始標簽:也叫元素名>元素的內(nèi)容<結(jié)束標簽:/+元素名>

標簽是可以擁有屬性的，屬性提供了元素的一些附加信息，起始標簽，有時候格式如下：

<元素名屬性名稱=”屬性值”>

同時，元素是可以擁有元素的，即某個元素的內(nèi)容有時候是一個子元素。

元素這東西，比較抽象，我們可以把它且當作一個對象來理解，例如工作簿對象，每個工作簿的名稱都不一樣（屬性），每個工作簿里面都有工作表（子元素），每個表都有名稱（屬性），里面填寫的內(nèi)容也不一樣（元素的內(nèi)容）。

1 HTML文檔構(gòu)成的整體框架結(jié)構(gòu)

在上一講中我們舉了一個最為簡單的實例來說明HTML文檔：

<html>

<body>

<h1>學習VBA語言</h1>

<p>為了更好的掌握VBA的各個知識點，您可以參考我的第一套教程：VBA代碼解決方案</p>

</body>

</html>

我們將上面的格式修正一下，如下面：

<html>

<title>

VBA應用提高篇

</title>

</head>

<h1>學習VBA語言</h1>

<p>為了更好的掌握VBA的各個知識點，您可以先參考我的第一套教程：VBA代碼解決方案</p>

</body>

</html>

將上面的內(nèi)容寫入記事本中保存為.html文件：HTML基礎學習-1.html

然后我們雙擊打開這個文件，看看瀏覽器的翻譯效果：

我們再看看網(wǎng)頁的源碼：

從上面的框架代碼，我們可以看出，一般的頁面，都有html元素，其一般內(nèi)含兩個元素，一個是head元素，一個是body元素。Head元素僅僅說明文檔的相關消息，并不展示文檔實體，body元素才是真正展示文檔主體的，所有要在頁面展示的元素，都要在body內(nèi)進行書寫。

2 HTML文檔常用元素的構(gòu)成

1）HTML標題 <h1> - <h6>

標題（Heading）是通過 <h1> - <h6> 等標簽進行定義的。<h1> 定義最大的標題。<h6> 定義最小的標題。瀏覽器會自動地在標題的前后添加空行。標題很重要，將 HTML heading 標簽只用于標題。不要僅僅是為了產(chǎn)生粗體或大號的文本而使用標題。因為用戶可以通過標題來快速瀏覽您的網(wǎng)頁，所以用標題來呈現(xiàn)文檔結(jié)構(gòu)是很重要的。應該將 h1 用作主標題（最重要的），其后是 h2（次重要的），再其次是 h3，以此類推。在HTML基礎學習.HTML文件中我們已經(jīng)用到了標題的元素

2）HTML水平線 <hr />

<hr /> 標簽在 HTML 頁面中創(chuàng)建水平線。可用于分隔內(nèi)容。

[待續(xù)]

本節(jié)參考文件：HTML基礎學習-1.html；HTML基礎學習-2.html

我20多年的VBA實踐經(jīng)驗，全部濃縮在下面的各個教程中，教程學習順序：

【分享成果，隨喜正能量】人生，一歲有一歲的味道，一站有一站的風景，你的年齡應該成為你生命的勛章而不是你傷感的理由。 ??

個人編寫HTML使用的軟件是dreamweaver，這個軟件的話，正版是要購買的，一開始學習HTML就是用的這個軟件了，挺好用的，而且代碼提示特別方便，不用擔心太多的標簽和屬性記勞~

1.什么是HTML？

HTML 是用來描述網(wǎng)頁的一種語言，指的是超文本標記語言: HyperText Markup Language；
HTML 不是一種編程語言，而是一種標記語言；
HTML文檔也叫做 web 頁面；

2.HTML基本結(jié)構(gòu)

<!DOCTYPE html>：文檔聲明；
<html>：HTML 頁面的根元素；
<head>：用于定義文檔的頭部，是所有頭部元素的容器；
<meta>：提供有關頁面的元信息，位于文檔的頭部，不包含任何內(nèi)容；
<title>：文檔的標題；
<body>：定義文檔的主體，包含文檔的所有內(nèi)容；

3.HTML標簽使用？

HTML 標簽是由尖括號包圍的關鍵詞，且通常是成對出現(xiàn)的如<a></a>，當然也有單個的，只不過比較少如<hr>；
標簽對中的第一個標簽表示開始標簽，第二個標簽表示結(jié)束標簽；

4.HTML常用標簽介紹

除了HTML基本結(jié)構(gòu)的幾個標簽以外，HTML還有一些比較常用的基本標簽；

（1）文本標簽：

h1-h6：用于定義標題，h1為最大標題，h6為最小標題；
p：定義段落；
span：組合文檔中的行內(nèi)元素；
br：換行；
hr：水平線；
strong/b：加粗文字；
em/i：斜體；
u：下劃線；
s：刪除線；
pre：定義預格式化的文本，保持原有格式；
sub：下標；
sup：上標；
blockquote：塊引用；

（2）布局標簽：

div：定義文檔中的分區(qū)或節(jié)，把文檔分割為獨立的、不同的部分；
header：定義頁面的頭部；
aside：用作文章的側(cè)欄；
section：定義文檔中的節(jié)；
footer：定義文檔或節(jié)的頁腳，通常包含文檔的作者、版權(quán)信息、使用條款鏈接、聯(lián)系信息等；
article：規(guī)定文章獨立的其他內(nèi)容，如標題、內(nèi)容、評論；

（3）多媒體標簽：

img：用于在網(wǎng)頁中插入圖像；
audio：定義聲音，比如音樂或其他音頻流；
video：定義視頻，比如電影片段或其他視頻流；

（4）超鏈接標簽：

a：定義超鏈接，指定頁面間的跳轉(zhuǎn)；

（5）序列化標簽：

ul：定義無序列表；
ol：定義有序列表；
li：定義列表項目，可用在無序列表ul和有序列表ol中；
dl：定義了定義列表；
dt：定義了定義列表中的項目（即術語部分）；
dd：在定義列表中定義條目的定義部分；

（6）表格標簽：

table：定義 HTML 表格；
tr：定義表格的行；
td：定義表格的單元；
th：定義表頭；
caption：定義表格標題；
col：為表格中一個或多個列定義屬性值；
colgroup：用于對表格中的列進行組合，以便對其進行格式化；
thead：定義表格的表頭；
tbody：表格主體，也就是正文部分；
tfoot：定義表格的頁腳（腳注或表注）；

（7）表單標簽：

form：用于為用戶輸入創(chuàng)建 HTML 表單；
input：用于搜集用戶信息；
button：定義一個按鈕；
select：創(chuàng)建單選或多選菜單；
option：定義下拉列表中的一個選項；
textarea：定義多行的文本輸入控件；
label：為 input 元素定義標注（標記）；
fieldset：用于將表單內(nèi)的相關元素分組；
legend：為 fieldset 元素定義標題；

5.HTML注意事項

HTML文件當以后綴名為 .html 或 .htm 來命名；
HTML標簽和屬性是不區(qū)分大小寫的，建議HTML標簽和屬性都小寫，屬性值必須用雙引號包圍；
HTML標簽都是以開始標簽起始，以結(jié)束標簽終止；
HTML標簽之間盡量縮進與換行，每行代碼不要過長，方便閱讀和維護；
HTML標簽使用必須符合標簽嵌套規(guī)則，如禁止a標簽嵌套a標簽，p標簽嵌套div標簽等；
建議不使用HTML已經(jīng)廢棄的或者不贊成使用的標簽，少使用table布局、iframe框架嵌套以及flash播放器；

在線咨詢

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務商