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ɑ:ðə] 父亲,父
• 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文件？》的全部内容，现希望可以帮到你~