HTML简介与网页组成基本元素

、HTML简介：

HTML，Hyper Texture Markup Language，超文本标记语言。在计算机中以.html、.htm作为扩展名，浏览器可以访问在页面。简单来说就是网页。

2、HTML语法：

语法非常简洁、比较松散，以相应的英语单词关键字进行组合，不区分大小写，大多数有开始有结束，成对出现。有些标签不是成对的出现，这个标签（元素element）称为短标签，比如图片<img>或<img />

3、网页组成的基本元素：

<hTml>
<head>
<title>第一个HTML页面</title>
</head>
<body>
网页主体内容
</body>
</html>

4、常用的一些标签：

图片<img> 网页中常用的图片格式有

.jpg 图片清晰度很高、体积很小，用的最多

.png 背景透明

.bmp 清晰度很高、但是体积很大，会影响网页打开的速度。

.gif 动态图

源码：

<img src="1.bmp" />
<img src='1.bmp'>
<img src=1.bmp>

5、图片路径：

绝对路径：真是的物理路径或域名路径，是固定的，上传网页时，可能会导致图片无法显示。

<img src="C:\Users\Administrator\Desktop.bmp"

<img

src="http://www.cwhello.com/images/wind/logo.

png">

相对路径：访问的网页（网页使用图片），那这个网页就是参照物！！！

./ 当前目录

../ 当前目录的上一级

/ 服务器根目录

TIPS：优先选择相对路径

6、注释：注明、解释。可以使HTML代码不起作用，还能起到说明性的作用。HTML的注释格式如下：

017-11-08 05:47:00 作者：郎孟华

电脑主板坏了值得修吗？

一般来说，主板其实并不是非常容易损坏的，比较容易造成损坏的主要就是三种情况，一是拆装的时候不小心磕碰，造成零件脱落或电路损坏；二是雷雨天气没有做好防雷措施，被电涌烧毁某些芯片（常常是网卡）；三是使用时间较长之后内部积灰受潮造成短路。

不管是什么原因造成了损坏，修理是逃不开的一个环节，如果你的主板还在厂家保修期内（一般来说至少有三年），这时就直接联系售后来进行维修就好，如果不是人为损坏都可以免费处理。

如果是超过保修期限的主板坏掉了，有很大的几率整个平台都已经是被淘汰的产品了，这个时候想要自己寻找一块支持自己平台的主板也已经很难，并且老主板已经退市，大多都不是新出厂的产品，翻新二手层出不穷，价格还会虚高，笔者一般不建议购买。

简单来说，如果是较新的主板坏了可以直接找售后解决，老平台的话，一般性能都不会很强了，可以考虑卖给回收电子产品的商家，然后攒一台新机器。比起花500块钱修好老平台继续忍受低性能，笔者觉得还是多花一两千块买一套全新的平台享受快乐更加合算，你怎么看？

您有什么DIY方面的问题都可以在文章下方进行评论，我们期待您的参与。

往期回顾：

CPU占用过高怎么办？每日一答

http://cpu.zol.com.cn/664/6642846.html

CPU是什么？八核处理器啥意思每日一答

http://cpu.zol.com.cn/664/6640674.html

主板电池没电了会怎么样？每日一答

http://mb.zol.com.cn/664/6640564.html

顿号在键盘上怎么打？每日一答

http://cpu.zol.com.cn/663/6636692.html

电脑主板多少钱，该买那种？每日一答

http://mb.zol.com.cn/663/6636804.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.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文件？》的全部内容，现希望可以帮到你~

在线咨询

上一篇：前端基础：HTML
下一篇：在Javascript中优雅的生成条形码-Jsbarcode

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商