整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

什么是HTM或HTML文件?如何打开HTM和HTML文件?

么是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.htmindex.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文件?》的全部内容,现希望可以帮到你~

、新建项目

1、新建===web项目===输入项目名称====完成


二、新建html文件

在新建项目中新建html模板


输入文件名称:


三、认识基本格式


联想出基本格式:



四、编辑html文件


运行html,选择浏览器



五、html常用的快捷键

(1)ctrl+n+w web项目创建



(2)ctrl+n+h html文档创建


(3)ctrl+s 保存html页面(页面上如果未保存会显示*号)



(4)ctrl+r html运行
(5)ctrl+z 撤回
(6)!+tab键 联想基本格式
(7)ctrl+/ 注释和取消注释



(8)ctrl+鼠标滚轮, 字体方大和缩小


六、认识标签

(1)H标签(标题标签)



(2)p标签 (段落标签)



(3)img 标签(图片标签)
两种:第一种widows上传图片,第二种:网上图片链接

第一种


img中显示图片

img中引入图片




第二种:网上图片的链接:




(4) 标签(空格)



(5)em 标签表示斜体



(6)i 标签表示斜体



(7)br 表示换行



(8)b 标签表示加粗



(9) strong 标签表示加粗



(10)s 标签(删除线)




(11)u 标签 (下划线)



(12)font 颜色



(13)sub下标
(14)sup上标

前一直使用windows系统的电脑,创建文件很简单,改格式也非常的简单。但换了苹果电脑,如何创建一个HTML文件?却把我给整蒙了。

首先,为什么mac上不能直接新建文本文件

因为mac一都是以应用的方式来管理文件。

我们在Windows上的习惯是:找到一个目录-->新建文件-->打开对应的应用-->记录-->保存。

mac的系统倾向是:打开应用程序-->记录-->找目录-->保存。

一对比,我们发现mac并不是不能建文本文件,只是建的过程有些麻烦。

下面我们来看一下详细的操作步骤:

一,在访达里找到文本编辑器并打开。就看到下图的样子。


二,找到左下角新建文稿,点击,会出现一个编辑文稿的窗口。

这时你就可以把你要写的东西写在这个文稿里边,比如我就写了一个简单的html代码。


三,找到电脑窗口左上角,文件-->移到...


这里就是把文件移入到你方便找的文件夹里,如下图,会出现一个位置下拉框


在这里我把这个文件存在了桌面上。


四,在访达里找到你的文件,右键点击,在菜单栏里找到重新命名



这时候你就可以把文件改成html格式。

到这里改成HTML就完成了,然后选择打开方式,在浏览器中打开,这时候你可能出现了,另外一个问题。

为什么我的HTML文件在mac浏览器打开全是源码?

如下图所示:


解决方案如下:

一,打开文本编辑。找到窗口左上角:文本编辑-->偏好设置


二,设置两样东西,注意我红色圈圈区域

新建文稿设置:把格式改为纯文本。


打开和存储设置:改成我圈住的勾选样子


再用浏览器打开html文件,就会出现下面的网页了。



如果有需要的,建议收藏呦!