如何制作HTML文件？_软件运维

HTML文件制作方法如下：

一、打开简单的文本编辑器。大部分文本编辑软件都能编写HTML，不过，复杂的软件有自动格式功能，比较难组织HTML页面。

二、将文件格式改成“网页”（Web Page）、“.html”或“.htm”，存在容易找到的位置。上面三个选择是一样的，没有差别。

三、用网页浏览器打开文件，双击文件，它应该会自动在浏览器打开，但现在还只是个空白网页。

四、更新网页，查看已保存的更改。将<strong>Hello</strong>输入空白的文件。

更新浏览器上的空白网页，你应该可以看到网页上方有个加粗的“Hello”字眼。在本教程中，你随时可以测试新的HTML。只要保存.html文件，然后更新浏览器窗口，就能看到浏览器如何诠释HTML。

六、构建文档。删除HTML文档里的所有东西。这个HTML代码告诉浏览器你使用哪一版HTML，网页所有内容都在<html>和</html>标签之间。

七，添加head和body标签。HTML文档分为2个部分。“Head”部分是特别信息，例如网页标题。“Body”部分则包括网页内容。

扩展资料

一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘 *** 作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。

标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。

标记符<html>,说明该文件是用超文本标记语言（本标签的中文全称）来描述的,它是文件的开头而</html>,则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。

文本标记语言源程序的文件扩展名默认使用htm（磁盘 *** 作系统DOS限制的外语缩写为扩展名）或html（外语缩写为扩展名），以便于码明衫 *** 作系统或程序辨认，除自定义的汉字扩展名。在使用文本编辑器时，注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。

超文本标记语言源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成一行；若写成多行，浏览器一般忽略文件中的回车符（标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。

完整的空格可使用特殊符号（实体符槐宴）“&nbsp（注意此字母必须小写，方可空格）”表示非换行空格；表示文件路径时使用符号“/”分隔，文件名及路径描述可用双引号也可不用引号括起。

标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束；标记元素忽略大小写，即其作用相同，但完整的空格可使用特殊符号“&nbsp（注意此字母必须小写，方可空格）”。

许多标记元素具有属性说明，可用参数对元素作进一步的限定，多个参数或属性项说明次序不限，其迟腔间用空格分隔即可；一个标记元素的内容可以写成多行，标记符号，包括尖括号、标记元素、属性项等必须使用半角的西文字符，而不能使用全角字符。

HTML注释由"“结束结束，例如。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号，即被标识为注释，不予显示。

参考资料：百度百科--HTML

首先在HTML元素中添加自定义属性，通过JavaScript进行访问，如果之前有尝试过，会发现，容易忽略标记验证，而HTML5可以为提供在有效的网页内创建并使用自己的元素属性的功历陵能。

一，创建HTML5文件：

如果还没想好要使用哪一个，可以复制下面的代码：

在body中设置自定义元素，在head部分脚本区域利用JavaScript元素进行访问。

二，创建元素：

首先，添加一些简单的内容和自定义属性以及ID等元素，以便能够识别JavaScript示例。

正如所看到的那样，自定义属性的形式为：“data-*”，在“data-”部分设定名称或者选定的名称。在HTML5中使用自定义属性，这是唯一有效的方法。因此，如果想验证网页是否有效可才采用这种方法。

自定义属性允许以一种特殊的方式利用页面内的JavaScript代码来设置元素，例如，动画显示功能。如果没有标准的HTML元素，我们建议使用自定义属性。

三，添加测试按钮

在页面上利用自身的JavaScript元素即可执行事件，前提是将下面的代码添加到页面中：

四，获取属性：

在JavaScript中访问属性最常用的方法是使用“getAttributes”，这也是要做的第一步。在页面的head脚本区域添加以下函数：

这里，为示例增加了alert 值，当然也可以根据自身需求在脚本中添加。

五，获取数据：

可以使用元素数据集来替代DOM “getAttributes”，这或许更有效，尤其是在某种情况下，代码通过多种属性进行迭代，然而，浏览器对数据集的支持依然非常低，所以牢记这一点，此代码与//后面的方法一样可执行吵纯相同的进程。

从属性名称开始在数据集中删除“data-”，它仍然包含在HTML中。

请注意，如果你的自定义属性名称中有一个连字符，当通过数据访问时这会呈现出camel-case形式，即（“data-product-category” 变成“productCategory”)。

六，其他模块、函数

我们已经获取该属性，脚本仍然可以设置和删肢碰戚除。下面的代码演示了如何使用标准的JavaScript模块和数据集来设置属性。

1、属性检查器没有打开，请将其打开窗口大于属性，然后单击HTML按橡燃钮。

2、选择要设置格式的文本亩如胡。

3、设置要应用于所选文本的迅拦选项，设置HTML格式设置文本属性。

欢迎分享，转载请注明来源：内存溢出

如何制作HTML文件？