如何制作HTML文件？_随笔

HTML文件制作方法如下：

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

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

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

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

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

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

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

扩展资料

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

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

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

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

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

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

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

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

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

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

框架可以生成独立变化和滚动的窗口，从而能将一个窗口分割为若干个字窗口。在每一个字窗口中显示一个HTML文档。我们这回就来看看多文档的基本结构和子窗口之间的交叉链接。

一，基本结构HTML使用<Frameset>,<Frame>和<noFrames>标签来定义框架。下面我们就来了解一下这三个标签的作用和相应的属性。

（一），<Frameset>标签。

该标签是框架设计标签，成对使用。首尾标签之间的内容就是使用到框架的HTML主体部分。在使用框架的HTML文档中不能出现<body>标签，否则会导致浏览器忽略所有的框定义而只显示<body>和</body>之间的内容。

<Frameset>标签作用是将窗口分割为若干个自窗口，子窗口的数目取决于嵌套在该标签中<Frame>标签的书目。<Frameset>标签有两个属性。rows和cols，分别用来确定个子窗口的高度和宽度，格式为<Frameset rows="值1,值2,……值n"><Framest cols="值1,值2,……值n">.各参数之间以逗号分割，依次表示各个自窗口的高度（宽度）。这两个属性的参数值可以是数字、百分数或符号“*”。下面我们来分别解释一下：

（1）数字。表示子窗口高度（宽度）所占的像素点数。

（2）百分数。表示子窗口高度（宽度）占整个浏览器窗口高度（宽度）的百分比。（3）符号“*”。当符号*只出现一次。即其他子窗口的大小都有明确的定义时，表示该子窗口的大小将根据浏览器窗口的大小而自动调整。当符号*出现一次以上时，表示按比例分割浏览器窗口的剩余空间。例如：

<Frameset cols="40%,2*,*">表示将浏览器窗口分割为3列，第一个子窗口在第一列，窗口宽度为整个浏览器窗口宽度的40%；第二个子窗口在第二列，占浏览器窗口剩余空间的2/3，即其宽度为整个浏览器窗口宽度的40%，第三个子窗口占剩余空间的1/3，宽度为整个浏览浏览器窗口宽度的20%。

（二），<frame>标签。HTML用<frame>标签来标识子窗口。<frame>标签是嵌套在框架设置标签<Frameset>标签中来使用的单独标签。在<Frameset>中定义了多少个子窗口就要有多少个<frame>标签与之匹配，依次定义各个窗口的性质。<frame>标签有7个属性，除SRC属性是不可缺省的外，其他属性都是可选的。

（1）SRC属性。用以定义子窗口的名称。

（2）.name属性。用于定义子窗口的名称。

（3）frameboder属性。该属性的参数值为1或0。当参数值为1时，表示该子窗口有边框，为0时没有边框。该属性缺省值为1。

（4）bordercolor属性。用以规定子窗口的边框颜色。如果在一个以上的<frame>标签中定义了子窗口的边框颜色，则以第一次指定的颜色为标准。在指定边框颜色时，可以使用颜色的RBG代码或直接使用与该颜色想对应的英文单词。bordercolor属性的参数值可以是16种颜色中的任意一种。

（5）sclling属性。属性的参数值为yes,no或auto之一。参数值为yes时表示该子窗口始终有滚动条。为no时是始终没有滚动条。为auto时表示当文档的内容超出窗口范围时，浏览器自动为该子窗口添加滚动条。scolling属性的缺省值为auto.

（6）maginwidth和marginwidht属性。这两个属性是用来指定显示内容与窗口边界之间的空白距离大小的。其中maginwidth属性用于确定显示内容与左右边界之间的距离；maginwidht用来确定显示内容与上下边界之间的距离。这两个属性的参数值都是数字。分别表示左右边距所占的像素点数。

（三），<noframes>标签。使用该标签可以在用户浏览器不支持框架显示时告之用户一些相关信息，以免浏览者对空白窗口画面感觉莫名其妙。<noframes>标签是成对使用的。首尾标签之间的内容就上告之浏览者的信息。如“如您看到空白的画面说明您的浏览不支持框架显示”。虽然常用的两中浏览器IE和NC都是支持框架显示的。但为了加强文档的适用性，我们最好还是养成使用这个标签的习惯。

（四），基本结构。

我们举例说明HTML中框架文档的基本结构：

<html>

<head>

</head>

<Frameset Cols="值1,值2,……,值n>将浏览器窗口分割为n个窗口。

</Frameset>

<noframes>如果您看到空白的画面，说明您的浏览器是不支持框架机构的</noframes>

</html>

其中，<frameset>标签是可以嵌套使用的，也就是说，可以将其中某一个或几个子窗口划分为若干个更小的窗口。例如：

<html>

</frameset>

</frameset>

<noframes>您使用的浏览器不支持框架</noframes>

</html>

二，目标窗口的交叉链接。

为了方便用户进行搜索和浏览，我们经常用到一系列锚标组成的索引目录显示在一个子窗口中，而将锚标所指向的内容放在另一个子窗口中。显示锚标的子窗口通常被成为”源窗口“，显示目标文档的窗口则称之为“目标窗口”。

在进行交叉<frame>标签的name属性定义目标窗口的名称，然后再修改显示在源窗口中的文档。在所有的<A>标签中添加语句target="目标窗口名称"来指定目标文档的显示位置。例如：/P>连接时，我们必须先用

<html>

<head>

<title>目标窗口测试页</title>

</head>

</frameset>

</frameset>

<noframes>您的浏览器不支持框架结构</noframes>

其中，第一个子窗口是源窗口。我们在源窗口的对应文档f1.html中定义了一系列锚标，该文档的内容如下：

<html>

<body>

<<center>（说明：文档主体内容举重显示

</body>

</html>

当用户点击锚标“田园风光”后，浏览器将在目标文档显示锚标的连接对象

HTML（HyperText Mark-up Language,超文本标记语言或超文本链接标示语言），是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。HTML文档基本结构在HTML网页文档的基本结构中主要包含以下几种标记。1.HTML文件标记<HTML>和</HTML>标记放在网页文档的最外层，表示这对标记间的内容是HTML文档。<HTML>放在文件开头，</HTML>放在文件结尾，在这两个标记中间嵌套其他标记。2.HEAD文件头部标记文件头用<HEAD>和</HEAD>标记，该标记出现在文件的起始部分。标记内的内容不在浏览器中显示，主要用来说明文件的有关信息，如文件标题、作者、编写时间、搜索引擎可用的关键词等。在HEAD标记内最常用的标记是网页主题标记，即TITLE标记，它的格式为：<TITLE>网页标题</TITLE>网页标题是提示网页内容和功能的文字，它将出现在浏览器的标题栏中。一个网页只能有一个标题，并且只能出现在文件的头部。3.BODY文件主体标记文件主体用<BODY>和</BODY>标记，它是HTML文档的主体部分。网页正文中的所有内容包括文字、表格、图像、声音和动画等都包含在这对标记对之间。通常的标记样式如下：<BODY background="image-URL" bgcolor="color" text="color" link="color" alink="color" vlink="color"leftmargin="value" topmargin="value">…</BODY>.

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

原文地址: http://outofmemory.cn/zaji/6185428.html

如何制作HTML文件？

发表评论

评论列表（0条）