ay01
- absolute ['?bs?lu:t] 絕對的，完全的
- active ['?ktiv] 活動的，激活的，<a>標簽點擊
- align [?'lain] 對齊
- alpha ['?lf?] 透明度，半透明
- anchor ['??k?] 錨記<a>標記是這個單詞的縮寫
- arrow ['?r?u] 箭頭
- auto ['?:t?u] 自動的
day02
- background ['b?kgraund] 背景
- banner ['b?n?] 廣告, 橫幅
- black [bl?k] 黑色
- blink： [bli?k] 閃亮,閃爍
- block [bl?k] 塊
- blue [blu:] 藍色
- body ['b?di] 主體，一個HTML標記
- bold [b?uld] 加粗
- border ['b?:d?] 邊框、框線 邊框
- both [b?uθ] 兩者(都);兩個(都);是clear屬性的一個屬性值
- bottom ['b?t?m] 底;底部，是一個CSS屬性
- box [b?ks] 箱;盒;匣
- br 換行標記
- bug [b?g] 程序設計上的錯誤，漏洞等
- building ['bildi?] 建筑
- button ['b?tn] 按鈕
day03
- cell [sel] 表格中的單元格
- center ['sent?] 居中
- centimeter ['senti,mi:t?] 厘米
- child [t?aild] 孩子
- circle ['s?:kl] 圓圈
- class [klɑ:s] 類別
- clear [kli?] 清除
- color ['k?l?] 顏色
- connected [k?'nektid] 連結的
- contact ['k?nt?kt] 聯系
- content [k?n'tent] 內容
- css 層疊樣式表
- cursor ['k?:s?] 鼠標指針
day04
- dashed [d??t] 虛線CSS邊框常用的一種
- decimal ['desim?l] 十進制
- decoration [,dek?'rei??n] 裝飾
- default [di'f?:lt] 默認的
- design [di'zain] 設計
- display [di'splei ] 顯示，CSS的一個屬性
- division [di'vi??n] 分區，div就是這個單詞的縮寫
- document ['d?kjum?nt] 文件文檔
- dotted ['d?tid] 點線
- double ['d?bl] 雙線
day05
- element ['elim?nt] 元素
- father ['fɑ:e?] 父親,父
- filter ['filt?] 過濾層；濾器
- first [f?:st] 第一個
- fixed [fikst] 固定的，不變的
- float [fl?ut] 浮動
- font [f?nt] 字體
- for 在循環語句中的一個保留字
- gif 一種圖像格式
- gray [grei] 灰色
- green [gri:n] 綠色
day06
- hand [h?nd] 手
- head [hed] 頭部
- height [hait] 高度
- help [help] 幫助
- here [hi?] 這里
- hidden ['hidn] 被隱藏
- home [h?um] 首頁
- horizontal [,h?ri'z?ntl] 水平的
- hover ['h?v?] 鼠標指針經過或稱為懸浮狀態
day07
- image ['imid?] 圖像
- important [im'p?:t?nt] 重要的
- indent [in'dent] 縮進
- index ['indeks] 索引
- inline 行內
- inner 內部的
- italic [i't?lik] 意大利體，斜體
- jpg 一種圖像格式
- justify ['d??stifai] 兩端對齊
day08
- language ['l??gwid?] 語言
- last [lɑ:st] 最后一個
- left [left] 左邊
- length [le?θ] 長度
- level ['levl] 級別，例如block-level就是塊級
- line [lain] 線
- link [li?k] 鏈接
- list [list] 列表
- lowercase ['l?u?,keis] 小寫
- margin ['mɑ:d?in] 外邊距
- max 最大的
- medium ['mi:di?m] 中間
- menu ['menju:] 菜單
- middle ['midl] 中間
- millimeter ['mili,mi:t?] 毫米
- min 最小的
- model ['m?dl] 模型
- move [mu:v] 移動
day09
- navigation [,n?vi'gei??n] 導航
- new [nju:] 新的
- none [n?n] 無，沒有
- normal ['n?:m?l] 標準
- object ['?bd?ikt] 對象
- oblique [?b'li:k] 一種斜體
- only ['?unli] 僅僅
- open ['?up?n] 打開
- optional ['?p??n?l] 可選的
- orange ['?:rind?] 橙色
- outer ['aut?] 外面的
- overflow [,?uv?'fl?u] 溢出
- padding ['p?di?] 內邊距
- point [p?int] 點
- pointer ['p?int?] 指針，指示器
- position [p?'zi??n] 定位，位置
- progress ['pr?ugres] 進度
- public ['p?blik] 公開的
- purple ['p?:pl] 紫色
day10
- red [red] 紅色
- relative ['rel?tiv] 相對的
- repeat [ri'pi:t] 重復，平鋪
- replacement [ri'pleism?nt] 替換
- resize 重新設置大小
- right [rait] 右邊
- row [r?u] 行
- scroll [skr?ul] 滾動
- shadow ['??d?u] 陰影
- silver ['silv?] 銀色
- size [saiz] 尺寸
- solid ['s?lid] 固體，實線
- solution [s?'lu:??n] 方案
- span [sp?n] 一個HTML標記
- special ['spe??l] 特殊的
- square [skw??] 方塊
- static ['st?tik] 靜態的
- strong [str??] 強壯，加粗的
- style [stail] 樣式
day11
- table ['teibl] 表格
- td 單元格的HTML標記
- text [tekst] 文本
- thick [θik] 粗的
- thin [θin] 細的
- three [θi:] 三個
- through [θru:] 穿過
- title ['taitl] 標題
- top [t?p] 頂部
- tr 表格中“行”的HTML標記
- transitional [tr?n'zi??n?l] 過渡的
- type [taip] 類型
day12
- underline [,?nd?'lain] 下劃線
- upper ['?p?] 上面的
- uppercase ['?p?,keis] 大寫
- url 網址
- vertical ['v?:tik?l] 豎直的
- visited ['vizit] 訪問過的
- while [hwail] 白色的
- width [widθ] 寬度
ay01
- form：表單
- action:行動(提交的路徑)
- method：方法(提交的方式)
- input：輸入
- type：類型
- text：文本(文本輸入項)
- password：密碼
- radio：單選按鈕
- checkbox：復選框
- file：文件(文件上傳項)
- hidden：隱藏字段
- reset：重置(重置按鈕)
- button：按鈕(普通按鈕)
- name：名稱(元素名稱)
- value：值(輸入項的內容)
- size：大小(可以是文字字體的大小，也可以是輸入框的寬度)
- checked：被選中
- readonly：只讀
- disabled：不可用的
- maxlength：最大長度(輸入框可以輸入的最大長度)
- select：選擇(下拉列表項)
- option：條目(下拉列表項)
- textarea：區域(文本輸入域)
- submit：提交(提交按鈕)
- selected：選擇(下拉列表被選中)
day02
- style：樣式
- color：顏色
- font-size：字體大小
- pink：粉紅色
- gold：金黃色
- gray：灰色
- blue：藍色
- red：紅色
- yellow：黃色
- black：黑色
- white：白色
- background-color：背景顏色
day03
- border：邊框
- width：寬度
- height：高度
- margin：外邊距
- padding：內邊距
- float：浮動
- clear：清除
- none：無(元素不浮動)
- left：左邊
- right：右邊
- both：都(同時)
- display：顯示方式
- block：顯示的(顯示為塊級元素)
- inline：在一行(顯示為內聯元素)
- div：塊級元素的區域
- span：內聯元素的區域
- element：元素
- top：頂部
- bottom：底部
- product：產品，商品
- header：頭部信息
- menu：菜單
- show：顯示
- father：父親
- big：大的
- small：小的
day04
- document：文檔
- check：檢查
- change：改變
- init：初始化
- history：歷史
- alert：警告框
- confirm：確認框
- prompt：輸入框
- function：功能(函數)
- click：點擊
- back：返回
- tips：提示
- info：信息
- onfocus：聚焦
- onblur：離焦
- location：位置
- screen：屏幕
- navigator：導航(瀏覽器相關信息)
day05
- onmouseover:鼠標移入
- onmouseout:鼠標移出
- attribute：屬性
- node：節點
- document:文檔
- element：元素
- textNode：文本節點
- append：追加
么是HTML / HTM文件？他們相差一個字母有什么區別嗎，如何查看或編輯源代碼以及如何轉換成其他格式，例如DOCX，PDF，JPG 等，針對這些問題編程獅W3Cschool整理以下資料希望能對你有所幫助：
什么是HTM或HTML文件？
HTM / HTML 文件是超文本標記語言（Hyper Text Markup Language）文件，是 Internet 上的標準網頁文件類型。
由于 HTM 文件是純文本文件，因此它們僅包含文本（例如您現在正在閱讀的內容）以及對其他外部文件的文本引用（例如本文中的配圖）。
HTM 和 HTML 文件還可以引用其他文件，例如視頻，CSS 或 JS 文件。
HTM與HTML的區別
HTM 與 HTML 沒有本質意義的區別，只是為了滿足 DOS 僅能識別 8+3 的文件名而已，因為一些老的系統 (win32) 不能識別四位文件名，所以某些網頁服務器要求 index.html 最后一個 l 不能省略。MSIE 能自動識別和打開這些文件，但編寫網頁地址的時候必須是完全對應的，也就是說 index.htm 和 index.html 是兩個不同的文件，對應著不同的地址。值得一提的是 UNIX 系統中對大小寫敏感，不吻合的話就可能報沒有文件或者找不到文件。
如何打開HTM或HTML文件？
任何 Web 瀏覽器，例如 Edge，Firefox，Chrome，Opera，IE，360 安全瀏覽器等，都可以打開并正確顯示 HTM 和 HTML 文件。換句話說，在瀏覽器中打開這些文件并“解碼（decode）” HTM 或 HTML 文件使其能正確顯示。
現在有很多簡化編輯和創建 HTM / HTML 文件的工具。一些著名的免費 HTML 編輯器包括 Eclipse ，Komodo Edit 和 Bluefish 。另一個流行的具有許多高級功能的 HTM / HTML 編輯器是 Adobe Dreamweaver ，不過它是收費的。
雖然 Windows 系統自帶的記事本等簡單的文本編輯器的功能不如專用的 HTM 編輯器那么豐富，但是對 HTM 或 HTML 文件進行簡單編輯修改還是可以的。不過，W3Cschool還是建議大家使用專用的編輯器，如 WebStorm、VS Code 等，它具更多專業功能。
這是一個非常簡單的 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 上的標準網頁文件類型。</p>
<p>由于 HTM 文件是純文本文件，因此它們僅包含文本（例如您現在正在閱讀的內容）以及對其他外部文件的文本*引用*（例如本文中的配圖）。</p>
<p>HTM 和 HTML 文件還可以引用其他文件，例如視頻，CSS 或 JS 文件。</p>
</body>
</html>
當 Web 瀏覽器呈現信息時，HTML 文件的源代碼被“轉換”為真實的網頁（盡管源代碼已很精簡了）。
如何轉換HTML和HTM文件？
HTM 文件以特定的語法（規則）構成，以使其中的代碼和文本在瀏覽器中打開時能夠正確顯示。因此，將 HTM / HTML 文件轉換為另一種格式可能會丟失頁面上的所有功能。
如果你想要做的是將一個 HTM / HTML 文件轉換為方便離線查看的文件，這時圖片或 PDF 格式會方便很多。
在 Chrome 中，鼠標右鍵單擊網頁，出現的選項菜單中進入 “打印(P)...”(快捷鍵：CTRL + P) ，在打印選項中選擇另存為 PDF，以將窗口中的頁面轉換為 PDF 文件。Chrome 瀏覽器的擴展功能也稱為“全屏截屏”，可將 Chrome 瀏覽器中所有打開的 HTM / HTML 文件轉換為 PNG 文件。
其他瀏覽器具有類似的功能，例如 Firefox 的 “另存為 PDF” 加載項。
您也可以使用專門用于 HTM / HTML 進行圖像文件轉換的網站，例如iWeb2Shot 或Web-capture 。
一個免費的文件轉換器可以用來轉換并保存 HTM / HTML 文件到您的計算機。如 FileZigZag 是一個免費的文檔轉換器網站，可將 HTM 轉換為RTF，EPS，CSV，PDF 和許多其他格式。
HTM / HTML 文件不能轉換為文本文件格式以外的任何格式。例如，HTML 文件永遠不能轉換為 MP3 音頻文件。
文件打不開？
HTML / HTM 文件應該很容易打開，因為它們只是任何 Web 瀏覽器都可以查看的文本文件。如果您的文件沒有從上面建議的任何程序打開，則很有可能正在打開的這個文件并非超文本標記語言文件。
某些文件格式使用的文件擴展名與 HTML / HTM 非常相似，但實際上并非相同。一個主要的示例是用于壓縮 HTML 電子書文件的 HTMLZ 文件擴展名。有 HTML 文件在內的 HTMLZ 文件，但整個包的格式為 ZIP，不會在 Web 瀏覽器或文本編輯器打開。
在此示例中，您需要特定的 HTMLZ 文件查看器，例如Caliber 。或者，由于此文件格式實際上是存檔，因此您可以使用 7-Zip 之類的文件解壓縮器將其打開，然后您可以使用網絡瀏覽器或上述任何其他 HTML 查看器/編輯器打開任何單獨的 HTML 文件。
TMLANGUAGE 是另一個可能與 HTML / HTM 文件混淆的文件擴展名。這些實際上是TextMate 用于 macOS 的 TextMate 語言語法文件。
以上就是編程獅W3Cschool為你整理的關于《什么是HTM或HTML文件？如何打開、編輯和轉換HTM和HTML文件？》的全部內容，現希望可以幫到你~
