整合营销服务商

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

免费咨询热线:

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

天上班前二十分钟都是学习的时间,虽然这些内容都学习了好多次,但是温故而知新,html/htm/shtml它们仨的区别你知道吗?虽然网络推广、网络营销不是开发网站的,但是基本的代码标签还是需要知道的,有利于我们做网站的SEO优化,所以是必不可少的。

html 和htm的区别


百度百科解释:

htm与.html并没有本质上的区别,表示的是同一种文件,不同的命名只是因为于不同的环境。 在Unix、Windows NT和Windows 95操作系统中,由于都支持长文件名格式,超文本文件文件名和扩展名长度可以不受限制,但扩展名必须是.HTML或 是.HTM。Unix系统的扩展名必须为.HTML,如果使用了三个字符的扩展名.HTM,那么当网上的Unix系统用户浏览你的超文本文件时,只能在屏幕上看到超文本的源文件,而不是展示的结果;若访问你的用户系统是Windows 3.X、Windows NT 或Windows 95,那么文件扩展名是HTML和HTM是一样的。所以Unix系统用户建立超文本时,文件扩展名一定要采用.HTML。

简单可以理解如下:

1、.htm与.html没有本质上的区别,表示的是同一种文件,只是适用于不同的环境之下。

2、DOS仅能识别8+3的文件名,所以*.htm的命名方法可以被DOS识别,而*.html的文件命名方式不能被之识别。

3、在UNIX系统中,网页必须使用.html扩展名,如果是htm,在浏览器中打开时则出现源代码;Windows中支持两种扩

展名。也可以说,htm和html是Windows和UNIX对抗的产物。

4、如果在网页中同时存在index.html与index.htm,这是浏览器将先解释index.html。

其它理解:

就是说实际上一样的,比方有个html的文件,你重命名为htm也没关系,IE还是能识别他并且打开。 但是我们在浏览器地址栏打开某个网址的时候,htm和html是完全不同的两个文件了,指向了不同的服务器地址,其实说白了就是后缀名不同而已, 比如在电脑上搜索*.htm与*.html搜索出来不同。

SHTML和HTML的区别



百度百科解释:

如果用一句话来解释就是:SHTML 不是HTML而是一种服务器API,shtml可通过服务器动态产成html.

虽然两者都是超文本格式,但shtml是一种用于SSI技术的文件。也就是Server Side Include--SSI服务器端包含指令。

如果Web Server有SSI功能的话(大多数(尤其是基于Unix平台)的WEB服务器如Netscape Enterprise Server等均支持SSI命令)。

会对shtml文件特殊招待。先扫一次shtml文件看有没有特殊的SSI指令存在。有就按Web Server设定规则解释SSI指令。解释完后跟一般html一起调去客户端。

html或htm与shtml或shtm的关系是什么?

html或者htm是一种静态的页面格式,也就是说不需要服务器解析其中的脚本,或者说里面没有服务器端执行的脚本,而shtml或者shtm由于它基于SSI技术,当有服务器端可执行脚本时被当作一种动态编程语言来看待,就如asp、jsp或者php一样。

当shtml或者shtm中不包含服务器端可执行脚本时其作用和html或者htm是一样的。

时刻钟


以上分享文字是个人原创观点,如有问题可评论讨论学习,如涉及到商业等法律问题与本人无关。

个人编写HTML使用的软件是dreamweaver,这个软件的话,正版是要购买的,一开始学习HTML就是用的这个软件了,挺好用的,而且代码提示特别方便,不用担心太多的标签和属性记劳~

1.什么是HTML?

  • HTML 是用来描述网页的一种语言,指的是超文本标记语言: HyperText Markup Language;
  • HTML 不是一种编程语言,而是一种标记语言;
  • HTML文档也叫做 web 页面;

2.HTML基本结构

  • <!DOCTYPE html>:文档声明;
  • <html>:HTML 页面的根元素;
  • <head>:用于定义文档的头部,是所有头部元素的容器;
  • <meta>:提供有关页面的元信息,位于文档的头部,不包含任何内容;
  • <title>:文档的标题;
  • <body>:定义文档的主体,包含文档的所有内容;

3.HTML标签使用?

  • HTML 标签是由尖括号包围的关键词,且通常是成对出现的如<a></a>,当然也有单个的,只不过比较少如<hr>
  • 标签对中的第一个标签表示开始标签,第二个标签表示结束标签;

4.HTML常用标签介绍

除了HTML基本结构的几个标签以外,HTML还有一些比较常用的基本标签;

(1)文本标签:

  • h1-h6:用于定义标题,h1为最大标题,h6为最小标题;
  • p:定义段落;
  • span:组合文档中的行内元素;
  • br:换行;
  • hr:水平线;
  • strong/b:加粗文字;
  • em/i:斜体;
  • u:下划线;
  • s:删除线;
  • pre:定义预格式化的文本,保持原有格式;
  • sub:下标;
  • sup:上标;
  • blockquote:块引用;

(2)布局标签:

  • div:定义文档中的分区或节,把文档分割为独立的、不同的部分;
  • header:定义页面的头部;
  • aside:用作文章的侧栏;
  • section:定义文档中的节;
  • footer:定义文档或节的页脚,通常包含文档的作者、版权信息、使用条款链接、联系信息等;
  • article:规定文章独立的其他内容,如标题、内容、评论;

(3)多媒体标签:

  • img:用于在网页中插入图像;
  • audio:定义声音,比如音乐或其他音频流;
  • video:定义视频,比如电影片段或其他视频流;

(4)超链接标签:

  • a:定义超链接,指定页面间的跳转;

(5)序列化标签:

  • ul:定义无序列表;
  • ol:定义有序列表;
  • li:定义列表项目,可用在无序列表ul和有序列表ol中;
  • dl:定义了定义列表;
  • dt:定义了定义列表中的项目(即术语部分);
  • dd:在定义列表中定义条目的定义部分;

(6)表格标签:

  • table:定义 HTML 表格;
  • tr:定义表格的行;
  • td:定义表格的单元;
  • th:定义表头;
  • caption:定义表格标题;
  • col:为表格中一个或多个列定义属性值;
  • colgroup:用于对表格中的列进行组合,以便对其进行格式化;
  • thead:定义表格的表头;
  • tbody:表格主体,也就是正文部分;
  • tfoot:定义表格的页脚(脚注或表注);

(7)表单标签:

  • form:用于为用户输入创建 HTML 表单;
  • input:用于搜集用户信息;
  • button:定义一个按钮;
  • select:创建单选或多选菜单;
  • option:定义下拉列表中的一个选项;
  • textarea:定义多行的文本输入控件;
  • label:为 input 元素定义标注(标记);
  • fieldset:用于将表单内的相关元素分组;
  • legend:为 fieldset 元素定义标题;

5.HTML注意事项

  • HTML文件当以后缀名为 .html 或 .htm 来命名;
  • HTML标签和属性是不区分大小写的,建议HTML标签和属性都小写,属性值必须用双引号包围;
  • HTML标签都是以开始标签起始,以结束标签终止;
  • HTML标签之间尽量缩进与换行,每行代码不要过长,方便阅读和维护;
  • HTML标签使用必须符合标签嵌套规则,如禁止a标签嵌套a标签,p标签嵌套div标签等;
  • 建议不使用HTML已经废弃的或者不赞成使用的标签,少使用table布局、iframe框架嵌套以及flash播放器;