2021[如何制作HTML文件?].doc
2021如何制作HTML文件?如何制作HTML文件?_可选中1个或多个下面的关键词,搜索相关资料。也可直接点搜索资料搜索整个问题。一、打开简单的文本编辑器。大部分文本编辑软件都能编写HTML,不过,复杂的软件有自动格式功能,比较难组织HTML页面。二、将文件格式改成网页(Web Page)、.html或.htm,存在容易找到的位置。上面三个选择是一样的,没有差别。三、用网页浏览器打开文件,双击文件,它应该会自动在浏览器打开,但现在还只是个空白网页。更新浏览器上的空白网页,你应该可以看到网页上方有个加粗的Hello字眼。在本教程中,你随时可以测试新的HTML。只要保存.html文件,然后更新浏览器窗口,就能看到浏览器如何诠释HTML。六、构建文档。删除HTML文档里的所有东西。这个HTML代码告诉浏览器你使用哪一版HTML,网页所有内容都在html和/html标签之间。七,添加head和body标签。HTML文档分为2个部分。Head部分是特别信息,例如网页标题。Body部分则包括网页内容。一个网页对应多个HTML文件,超文本标记语言文件以.htm(磁盘操作系统DOS限制的外语缩写)为扩展名或.html(外语缩写)为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件,只用修改文件后缀即可。标准的超文本标记语言文件都具有一个基本的整体结构,标记一般都是成对出现(部分标记除外例如:p/),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。标记符html,说明该文件是用超文本标记语言(本标签的中文全称)来描述的,它是文件的开头;而/html,则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。文本标记语言源程序的文件扩展名默认使用htm(磁盘操作系统DOS限制的外语缩写为扩展名)或html(外语缩写为扩展名),以便于操作系统或程序辨认,除自定义的汉字扩展名。在使用文本编辑器时,注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。超文本标记语言源程序为文本文件,其列宽可不受限制,即多个标记可写成一行,甚至整个文件可写成一行;若写成多行,浏览器一般忽略文件中的回车符(标记指定除外);对文件中的空格通常也不按源程序中的效果显示。完整的空格可使用特殊符号(实体符)(注意此字母必须小写,方可空格)表示非换行空格;表示文件路径时使用符号/分隔,文件名及路径描述可用双引号也可不用引号括起。标记符中的标记元素用尖括号括起来,带斜杠的元素表示该标记说明结束;大多数标记符必须成对使用,以表示作用的起始和结束;标记元素忽略大小写,即其作用相同,但完整的空格可使用特殊符号(注意此字母必须小写,方可空格)。许多标记元素具有属性说明,可用参数对元素作进一步的限定,多个参数或属性项说明次序不限,其间用空格分隔即可;一个标记元素的内容可以写成多行,标记符号,包括尖括号、标记元素、属性项等必须使用半角的西文字符,而不能使用全角字符。HTML注释由!-号开始,由符号-结束结束,例如!-注释内容-。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号,即被标识为注释,不予显示。一,打开简单的文本编辑器。NotePad是不错的选择,而且可以免费下载。大部分文本编辑软件都能编写HTML,不过,复杂的软件有自动格式功能,比较难组织HTML页面。不建议使用TextEdit,它经常将文件保存成无法被浏览器识别为HTML的格式。二,将文件保存为网页。在上方菜单中,选择文件(File),点击另存为(Save As)。将文件格式改成网页(Web Page)、.html或.htm,存在容易找到的位置。三,用网页浏览器打开文件,双击文件,它应该会自动在浏览器打开,但现在还只是个空白网页。更新浏览器上的空白网页,你应该可以看到网页上方有个加粗的Hello字眼。在本教程中,你随时可以测试新的HTML。只要保存.html文件,然后更新浏览器窗口,就能看到浏览器如何诠释HTML。浏览器出现strong和/strong字眼,代表你的文件并未被正确诠释为HTML。换个不同的文本编辑程序或浏览器。五,了解标签。HTML的指示写在标签之间,告诉浏览器要如何诠释及呈现网页。标签被尖括号括起来,网页上看不到。你在上面的例子中已经用到它们了:strong是首标签,或起始标签。写在这个标签后的内容被定义为重点强调的文本(通常在网页上以粗体显示)。/strong是尾标签,或结束标签。尾标签有多一条斜杠/,表示重点强调的文本就此结束。六,构建文档。删除HTML文档里的所有东西。一字不变地输入以下文本,重新开始(忽略小圆点)。七,添加head和body标签。HTML文档分为2个部分。Head部分是特别信息,例如网页标题。Body部分则包括网页内容。不过,标题标签方便使用,而且决定了浏览器窗口,或选项卡上显示的名称。在head标签的首标签和尾标签之间,写下你喜欢的标题:一,了解特性(attributes)。你可以在每个标签里,写上详细信息。这些信息被称为特性,是标签里的额外描述信息,格式为特性名字=特定值。任何HTML标签都可以有个标题特性:/p给这个段落取个标题叫Introduction,当你把滑鼠滑到网页上的这一段文字时,标题就会出现。二,连接到另一个网页。用a /a标签创建超链接,连接另一个网页。用href特性插入你要连接的网页地址。在任何一个标签里,写下id=example,或输入没有空格的名称。现在,它还没有明显的作用,但我们会在下一步用到它。四,连接到有特定id的元素。现在,我们可以用超链接标签a /a,连接到同一网页的另一个目的地。如果网页太短,一次就能显示全部内容,那么点击浏览器里的链接时,可能看不到它的作用。调整窗口大小,直到滚动条出现,然后再试一次。五,添加图片。img标签是个空标签,也就是说不需要尾标签。用特性添加显示图片所需的全部信息。以下例子将显示wikiHow的标志,每个特性后面都有详细的描述。src= 特性说明图片的所在位置(一般而言,显示他人网站上的图片是无礼的行为,而且如果有关网站下线了,图片也会跟着消失)。style= 特性有很多用途,最重要的还是以像素为单位,设置图片的宽度和高度。你也可以分开使用width= (宽度),和height= (高度)特性。但是,如果你之后用CSS,图片大小会变得很奇怪。)alt= 特性是图片的简要描述,如果图片加载失败,用户就会看到这行替代文字。它被视为必要的信息,因为盲人正是靠屏幕阅读器,读出这些信息,来了解图片内容。第二步:然后看看你新建的文本文档的名字,如果名字是新建文本文档.txt 那么接下来操作第四步。如果名字是新建文本文档没有看到 .txt 那么继续操作第三步。第三步:双击打开我的电脑选择工具Internet选项查看在高级设置中找到隐藏已知文件类型的拓展名把这个选项前面那个框框中的勾去掉,然后确定,回到桌面。第四步:现在看桌面上刚刚新建的文本文件的名字应该是新建文本文档.txt ,然后右击这个文档,选择重命名,把名字改成你想要的,这里我们改成 abc.html 然后在桌面空白处左击一下就会弹出个重命名提示框,你选择是就OK了!它就会变成HTML文件了!江西新华电脑学院开设电子商务、软件开发、电竞、动漫设计、UI设计、室内设计、网络工程、互联网财务、VR等专业。 来校参观报销路费,报名享受国家学费减免政策,签订就业合同,毕业推荐高薪工作。展开全部最简单的方法,用记事本,编写一段HTML脚本。保存为TEST.HTML 就可以了。第 7 页 共 7 页