在第一章中, 我们初步了解了上网的过程, 同时也明白了所谓网页, 其本质就是主要用 html 语言所写的一份文档. 相信大多数人在了解 HTML 文件前, 最先接触的是利用 "记事本" 所写的文档或者是利用办公软件 "Word" 所建的文档, 身为初心者的你可能会问, HTML 文档与这些文档又有何差别? 在回答这个问题前, 让我们尝试着创建这三种文档.
创建我们熟悉的. txt 文件, 打开它并试着输入文本内容 "学而时习之":
创建一个. docx 文件, 打开并输入文本内容 "学而时习之":
好, 现在让我们创建今天的主角 --HTML 文档. 尝试着把 "记事本" 文档和 Word 文档的后缀名改为 "html":
你会发现他们 "看上去" 都一模一样了, 那让我们打开试试:
"记事本" 文档
Word 文档
我们可以通过后缀名改变文件类型, 当我们将后缀名改为 "html" 后, 实际上已经创建了 "HTML 文档". 但是改了文档后缀名后, 我们发现出现了不同情况了. 当我们将后缀名为 "txt" 的文档改为 "html" 后, 双击打开文本内容仍然能够正常显示出来; 但是, 为什么将 Word 文档后缀名 "docx" 改为 "html" 后, 双击后文档却显示一大片乱码呢. 使用过 Word 的人应该都明白, Word 文本是带有格式的文本, 即我们不仅可以输入文本, 同时默认地文本已经自带了格式, 如字号字体行距等 (当然我们还可以主动给文本内容设置各种格式). 显然地, Word 文本区别于 "记事本" 文档以及 "html" 文档 -- 我们通常将 Word 这种自带文本格式的文档成为 "格式文本", 而剩余的称为 "纯文本". 因为 Word 文档内还包含关于格式的数据, 将其后缀名改为 "html" 后, 这些数据难以解释出来, 最终出现了乱码.
由上我们可以知道, HTML 文档便是纯文本文档. 接下来, 我将简单介绍 HTML 文档的主要结构, 让我们试着写一个简单的的 HTML 页面吧!
<html>
<head>
</head>
<body>
</body>
</html>
如上图, 整个 HTML 文档其实分为三个部分, 包括部, 部, 部; 而带有左右尖括号括起来的部分被叫做标签, 标签有开始标签和结束标签之分, 结束标签就是在做尖括号后加 "/". 一般开始标签和结束标签是成对出现的, 他们标记在文本两端, 必须要有他们来指明内容的结构. 这就是所谓的超文本标记语言, 标记两字的意义所在.
当我们将记事本文档改为 HTML 文档后, 打开文档我们会发现文档内容能够显示出来, 那如果我们想要用 HTML 语言显示同一文本, 又该写下何处, 如何写呢? 如字面意义所言, 文档内容部分, 应该是这个网页的躯干, 所以我们要将主体文档部分写入部, 如下图代码及效果图.
<html>
<head>
</head>
<body>
学而时习之
</body>
</html>
那么当我们想要说明一些不属于文档内容却有关于网页的信息时自然就该写进头部了. 让我们在部试着引入
来源: https://www.cnblogs.com/shixizhi/p/8372351.html