简单html网页范例（html帮助文件制作）

本文目录

• html帮助文件制作
• 几个流程html表单样例

html帮助文件制作

也许你听说过许多可以网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面；你所需要的只是一个文字处理器（如McrosoftWord\记事本\写字板等等）以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。
HTML只不过是组合成一个文本文件的一系列标签。它们很乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂.
HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragragh），但它们的与一般文本有区别，因为它们放在单书名号里。故Paragragh标签是《p》,块引用标签是《blockquote》。有些标签说明页面如何被格式化（例如，《p》开始一个新段落），其他则说明这些词如何显示(《b》使文字变粗)还有一些其他标签提供在页面上不显示的信息－－例如标题。
关于标签，需要记住的是，它们是成双出现的。每当使用一个标签－－如《blockquote》,则必须以另一个标签《/blockquote》将它关闭。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。
基本HTML页面以《html》标签开始，以《/html》结束。在它们之间，整个页面有两部分－－标题和正文。
标题词－－夹在《head》和《/head》标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在《body》和《/body》之间－－即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。
那么让我们建立一个简单的范例吧，非常容易的。第一步，当然是要建立一个新的文本文件（记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存），将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文)
然后你可以用浏览器将它打开，你会看见最简单的自己做的页面。
.《html》《/html》
2.《head》《/head》
3.《body》《/body》
4.《title》《/title》
Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用《标志名》《/标志名》来表示标志的开始和结束(例如《html》《/html》标志对)，因此在Html文档中这样的标志对都必须是成对使用的。在此教程中，我先讲一下Html的基本标志：
1.《html》《/html》
《html》标志用于Html文档的最前边，用来标识Html文档的开始。而《/html》标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。
2.《head》《/head》
《head》和《/head》构成Html文档的开头部分，在此标志对之间可以使用《title》《/title》、《script》《/script》等等标志对，这些标志对都是描述Html文档相关信息的标志对，《head》《/head》标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。
3.《body》《/body》
《body》《/body》是Html文档的主体部分，在此标志对之间可包含《p》、《/p》、《h1》、《/h1》、《br》、《hr》等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。《body》标志中还可以有以下属性：属性
用途
示例
《body bgcolor="#rrggbb"》 设置背景颜色。 《body bgcolor="red"》红色背景
《body text="#rrggbb"》 设置文本颜色。 《body text="#0000ff"》蓝色文本
《body link="#rrggbb"》 设置链接颜色。 《body link="blue"》链接为蓝色
《body vlink="#rrggbb"》 设置已使用的链接的颜色。 《body vlink="#ff0000"》
《body alink="#rrggbb"》 设置正在被击中的链接的颜色。 《body alink="yellow"》
说明:以上各个属性可以结合使用，如《body bgcolor="red" text="#0000ff"》。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色，如#ff0000对应的是红色。此外，还可以使用Html语言所给定的常量名来表示颜色：Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal，如《body text="Blue"》表示《body》《/body》标志对中的文本使用蓝色显示在浏览器的框内。
4.《title》《/title》
使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在《title》《/title》标志对之间加入您要显示的文本即可。注意：《title》《/title》标志对只能放在《head》《/head》标志对之间。
下面是一个综合的例子，仔细阅读，您便可以了解以上各个标志对在一个Html文档中的布局或所使用的位置。
例1 Html文档中基本标志的使用
《html》
《head》
《title》显示在浏览器最上边蓝色条中的文本《/title》
《/head》
《body bgcolor="red" text="blue"》
《p》红色背景、蓝色文本《/p》
《/body》
《/html》
1.《p》《/p》
2.《br》
3.《blockquote》《/blockquote》
4.《dl》《/dl》《dt》《/dt》《dd》《/dd》
5.《ol》《/ol》《ul》《/ul》《li》《/li》
6.《div》《/div》
上一个教程中我们讲了Html文档的基本标志，但我们还不知道怎样在浏览器中显示文本之类的东西，这正是我们在教程二中将要谈到的。在学习之前，必须强调一下，我们这个教程中所讲的格式标志统统都是用于《body》《/body》标志对之间的。
1.《p》《/p》
《p》《/p》标志对是用来创建一个段落，在此标志对之间加入的文本将按照段落的格式显示在浏览器上。另外，《p》标志还可以使用align属性，它用来说明对齐方式，语法是：《p align=""》《/p》。align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。如《p align="Center"》《/p》表示标志对中的文本使用居中的对齐方式。
2.《br》
《br》是一个很简单的标志，它没有结束标志，因为它用来创建一个回车换行，这么一说我想您该会使用了吧。在《br》的使用上还有一定的技巧，如果您把《br》加在《p》《/p》标志对的外边，将创建一个大的回车换行，即《br》前边和后边的文本的行与行之间的距离比较大，若放在《p》《/p》的里边则《br》前边和后边的文本的行与行之间的距离将比较小，您不妨试试看。
3.《blockquote》《/blockquote》
在《blockquote》《/blockquote》标志对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。
4.《dl》《/dl》《dt》《/dt》《dd》《/dd》
《dl》《/dl》用来创建一个普通的列表，《dt》《/dt》用来创建列表中的上层项目，《dd》《/dd》用来创建列表中最下层项目，《dt》《/dt》和《dd》《/dd》都必须放在《dl》《/dl》标志对之间。看一下下边的例子您就会明白了：
例2 创建一个普通列表
《html》
《head》
《title》一个普通列表《/title》
《/head》
《body text="blue"》
《dl》
《dt》中国城市《/dt》
《dd》北京 《/dd》
《dd》上海 《/dd》
《dd》广州 《/dd》
《dt》美国城市《/dt》
《dd》华盛顿 《/dd》
《dd》芝加哥 《/dd》
《dd》纽约 《/dd》
《/dl》
《/body》
《/html》
此例在浏览器中的显示如下:
中国城市
北京
上海
广州
美国城市
华盛顿
芝加哥
纽约
5.《ol》《/ol》《ul》《/ul》《li》《/li》
《ol》《/ol》标志对用来创建一个标有数字的列表；《ul》《/ul》标志对用来创建一个标有圆点的列表；《li》《/li》标志对只能在《ol》《/ol》或《ul》《/ul》标志对之间使用，此标志对用来创建一个列表项，若《li》《/li》放在《ol》《/ol》之间则每个列表项加上一个数字，若在《ul》《/ul》之间则每个列表项加上一个圆点。请看下边的例子：
例3 标有数字或圆点的列表
《html》
《head》
《title》《/title》
《/head》
《body text="blue"》
《ol》
《p》中国城市 《/p》
《li》北京 《/li》
《li》上海 《/li》
《li》广州 《/li》
《/ol》
《ul》
《p》美国城市 《/p》
《li》华盛顿 《/li》
《li》芝加哥 《/li》
《li》纽约 《/li》
《/ul》
《/body》
《/html》
此例在浏览器中的显示如下:
中国城市
北京
上海
广州
美国城市
华盛顿
芝加哥
纽约
6.《div》《/div》
《div》《/div》标志对用来排版大块Html段落，也用于格式化表，此标志对的用法与《p》《/p》标志对非常相似，同样有align对齐方式属性，读者可以自己试试看。

几个流程html表单样例

HTML 表单用于搜集不同类型的用户输入。
实例
文本域 (Text field)
本例演示如何在 HTML 页面创建文本域。用户可以在文本域中写入文本。
密码域
本例演示如何创建 HTML 的密码域。
（可以在本页底端找到更多实例。）
表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。
表单使用表单标签（《form》）定义。