从这里开始：如何创建一个非常简单的HTML文档？
时间：2023-07-06 19:06:01 | 来源：网站运营
时间：2023-07-06 19:06:01 来源：网站运营
从这里开始：如何创建一个非常简单的HTML文档？：
注意：本专栏内的教程适用于0基础的新手。什么是HTML？
根据百度百科上的解释：HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。它的全称是Hyper Text Markup Language。
简单来说，HTML是编写网页的语言，用来告诉浏览器应该如何显示网页。HTML的编程环境不算太苛刻，大多数能编辑.txt后缀文件的软件，就可以编写HTML代码，例如Windows的记事本。只是如果想要查看效果，需要另存为HTML文档（后缀为.html），或者桌面上选中文件并重命名，然后手动更改后缀也可以。
下面开始实战操作：（使用专业的开发工具很重要，之后我会推荐几款软件。）
桌面右键-新建-文本文档，然后打开这个文本文档，最好用记事本打开。这时候并不需要每次都手动选择记事本，可以设置默认程序。要了解更多信息，详见：
打开后，我们先输入：
<!DOCTYPE html>这表示什么呢？
所有的HTML文档都必须以此开头，用来声明这是一个HTML文档，让浏览器更方便地判断文档类型。
每个HTML文档的开头必须是这行代码，并且只出现一次。回车以进行换行。
我们再输入：
<html></html>这又是什么意思？
HTML文档的本身要以<html>开始，以</html>结束。
然后在中间空出的一行中，再输入：
<body></body>这又是什么意思？
顾名思义，这中间相当于HTML文档的「身体」。
主体结构已完工：
下面进行网页的主体编写。先写些什么呢？不如先添加一个标题吧。输入：
<h1>Hello world! </h1>至于为什么要输入 Hello world! ，参见：
如果想要调整标题的重要性（也就是大小），前面和后面可以调整成<h2>和</h2>，一直到<h6>和</h6>：
<h1>这是一级标题</h1><h2>这是二级标题</h2><h3>这是三级标题</h3><h4>这是四级标题</h4><h5>这是五级标题</h5><h6>这是六级标题</h6>效果如下：
添加完标题之后，再添加一段文字吧。回车进入新的一行，输入：
<p>这是一段文字，可以根据自己的需求进行替换。</p>至此，记事本里就是这些代码，不爱学习的小伙伴们直接拿去复制：
<!DOCTYPE html><html><body><h1>Hello world! </h1><p>这是一段文字，可以根据自己的需求进行替换。</p></body></html>保存后关闭。右键-重命名-将后缀名改为.html-完成！
如果没有显示后缀名，请参见这篇文章：
然后用浏览器打开。
如果浏览器显示出的是以下界面，那么恭喜你，成功了。
注意：如果你的浏览器窗口够长，你只会看到一个标题和一行文字。上面的截图因为窗口太小，所以会通过换行的方式调整文本格式，实际上并没有换行。
总结及注意事项：
1.HTML文档的主体结构长这样（这是最最基础的）：
图片来源于W3School，侵删。其中白色部分是显示在浏览器上的内容。
2.HTML文档的元素结构：
<标记（属性）>这里是具体内容</标记>
注意：元素是可以嵌套的。例如我在<html>和</html>之间插入<body>与</body>，再在中间加入<h1>与</h1>、<p>与</p>等等。
3.虽然有时HTML文档会自己检测出丢失的标记并补上，但是为了保险并养成良好的习惯，请务必检查自己的前标记（首标记）和后标记（末标记）是否没有缺失。例如输入<p>和段落内容后，不要忘记输入</p>！4.有时候，HTML标记不区分大小写。例如<P>会自动转换成<p>，但是为了规范，在输入标记时，尽量使用小写。5.除了用中文输入法输入文本内容外，在输入代码时始终使用英文输入法。
这篇文章的内容到这里就结束了，附上参考资料：W3Schools。
下期文章：
在线咨询
