看帖回复 谢谢合作 求肉啊!
点我 随便写的一个网页


注意:以下的符号都是英文符号第一部分 入门第一节:介绍当你想把网页制作成某种模样时,需要使用一种编码向网络浏览器来进行解释,这种编码就被称为HTML代码。 一个HTML文件是一页文字信息,就象一封电子邮件或一个word字处理文档,而且实际上你完全可以使用Word字处理软件来编写一个HTML网页。你也可以通过其它字处理软件编写文本文件,网络浏览器只能处理文本信息。一个HTML文件中包含了所有将显示在网页上的文字信息,其中也包括对浏览器的一些指示,如哪些文字应放置在何处,显示模式是什么样的等。如果你还有一些图片、动画、声音或是任何其它形式的资源,HTML文件也会告诉浏览器到哪里去查找这些资源,以及这些资源将放置在网页的什么位置。HTML文件通过标志符(tag)来实现这一功能。第二节:标志符在哪里?标志符是一些字母或单词,并被放在尖括号内,例如。HTML文件可支持很多种标志符,而我们常讲的学习HTML语言实际上就是学习这些各种各样的标志符。 每种标志符的作用均不同,例如,如果有的控制将文字放大,有的控制将文字居中显示,有的则负责与其它信息进行链接。当你需要对某处进行修改时,就把标志符放置在该处前面,这时浏览器就会知道你希望下面的内容应如何显示了。 例如,你想把"订书机"这三个字用粗体显示,从而在网页中突出这三个字,因为既然你的网页是关于订书机的知识,自然订书机是网页中最重要的词汇。这时你就需要告诉浏览器你想将"订书机"三个字用粗体显示,方法是使用粗体标志符:"B"是英文"bold"的首字母,意即"粗体",实际上很多标志符都是使用的英文缩写,这也能够方便使用者记住它们。当你使用这个标志符后,就会告诉浏览器说:"我希望在此之后的所有内容均以粗体显示。"而浏览器自然会按照你的指令将这个标志符后所有的内容均以粗体显示。第三节:结尾标志符当你使用了标志符时会出现一个问题,即在此之后的所有内容都会根据此标志符的要求改变显示模式,也就是说浏览器不知道何时何处停止这种变化,而实际上你可能只是希望一页中某个部分的内容改变显示。为了防止这种情况的发生,你就需要告诉浏览器在何处终止这种变化,这时你就可以使用结尾标志符。结尾标志符和普通的标志符(有时称为起始标志符)非常相似,只是在字母之前有一个斜线,例如粗体显示的结尾标志符就是下面这个样子: 这个结尾标志符的作用就是告诉浏览器在此之后就不要再用粗体显示了。因此如果你希望将"订书机"这三个字用粗体显示,就应该将一个粗体起始标志符放置在"订书机"三个字前面,而将一个粗体结尾标志符放置在这三个字后面:这个结尾标志符的作用就是告诉浏览器在此之后就不要再用粗体显示了。因此如果你希望将"订书机"这三个字用粗体显示,就应该将一个粗体起始标志符放置在"订书机"三个字前面,而将一个粗体结尾标志符放置在这三个字后面:staplers第四节:使用标志符你可以把标志符放置在网页中的任意部位,浏览器不会把这些标志符也显示出来,而只是读取它们的信息,并按照标志符的要求对其下面的内容进行特殊显示。例如你写好了一篇关于订书机的文章,希望使一些文字用粗体显示,那么你可以这样做: 世界上没有比我漂亮的订书机更让我喜爱的东西了 我从杂货店买到了它 但任何优美的语言都无法描述订书机的优点 当网络浏览器看到上面这段编码后,就会以下面的样式显示这段文字:世界上没有比我漂亮的订书机更让我喜爱的东西了 我从杂货店买到了它 但任何优美的语言都无法描述订书机的优点这就是一段HTML代码,而如果你能够理解本节所讲的起始标志符和结尾标志符的含义,那么你就能够学会其它一些标志符所代表的意义。也许读过本文后,你就能够成为一名网页设计师了。第五节:开始编写网页好了,下面让我们把前面介绍的一些知识投入到正式的工作应用中。你在编写一个HTML文件时需要使用一个文字编辑器,如果你使用的是Macintosh系统,你的文字编辑器可能叫做SimpleText,这个软件完全能够满足我们当前的要求。而如果你使用的是windows系统,你的文字编辑器应该叫做Notepad。请将任何一种文字编辑器打开,并建立一个新的空白文件,然后向其中输入一些HTML代码。 所有的HTML文件都必须以相同的标志符起始和结束,例如当你使用标志符来告诉浏览器将后面的内容以粗体显示之前,你还需要使用一些标志符来告诉浏览器它下面即将读取的是一份HTML文件,因此一般情况下HTML网页的第一个标志符应该是<html>,而与之对应,在该页的结尾处,你应该用</html>做为全文的结束。<html>标志符内是<body>标志符,标志符是告诉浏览器这里面的内容是网页的实际内容。对于一个最简单的网页来说,<html>和<body>这两个标志符是你唯一必须使用的标志符。虽然你可以使用更多的标志符使你的网页功能更丰富,但在目前我们完全可以只利用这两个标志符。也就是说,只要你在<body>标志符内输入一些文字信息,你就制作出了一个最简单的网页。第六节:制作第一个网页请将下列内容输入至你的文本编辑器中(如SimpleText, Notepad,或任何一种编辑器): <html><body>这是我制作的关于订书机的网页,我觉得我的网页很不错,我想我已经是一位HTML主页制作大师了,所有人都应该崇拜我!</body></html>好了,保存这页文件,给它随便起一个名字,但别忘了在文件名后一定要加上.html这个扩展名,这样网络浏览器才能够识别出这个文件,正确读取它。在这里我们把该页命名为"订书机.html"。这样你就制作出了自己第一个网页,你现在应该感到很高兴吧。虽然你现在只学习了网页制作非常少的知识,但至少你已经能够制作网页了。那么接下来让我们看一看你制作的网页到底是什么样子。第七节:修改第一个网页打开你的浏览器(如Netscape Navigator, Internet Explorer或任何其它的浏览器),从中打开你编辑的网页文件,方法是打开"File"(文件)菜单,根据不同的浏览器请选择"Open Page"(打开网页)或"Open File"(打开文件),寻找到你的"订书机.html"文件并选中,这样浏览器就会打开这个文件了。文件打开后,该页应该在左上角有几行文字,其余是一片空白。 如果不是这样的话,那么你可能忘记输入某个标志符或丢掉了斜线或是尖括号或是其它什么重要信息。这种情况经常会发生,即使那些网页制作大师们有时也会犯一些简单的错误,因为忘掉一个符号太容易发生了。当你发现自己的网页存在问题时,下面就需要进行修改。浏览器自己可不知道在哪添加个标志符使网页正确显示出来。如果你希望象我们前面讲到的把"订书机"这三个字变为粗体,就需要返回文本编辑器中添加标志符并重新保存该文件。这时你在浏览器中点击刷新按钮后就会显示出正确的文字了。这个刷新的操作告诉浏览器重新寻找同一个文件(本例中即"订书机.html"文件)并重新显示,这时你就会发现"订书机"三个字已经用粗体显示了。上面就是人们编辑网页所采用的基本方法,他们创建一个基础的HTML文档,然后不断向里面添加新信息,从而使一个网页变得更加丰富起来,最后他们会在浏览器中检查自己编辑的网页显示是否正确。第二部分 处理文本第一节:段落

开始一个新段落 段落标志符是HTML标志符中最常见的一种符号,它位于各段落起始部位,使用该标志符后,每块文本段落之间都会空出一行。另外对于

标志符来说,不必使用

来做结尾。下面是由两段文本文件组成的HTML网页,源代码如下:

你是否曾经考虑过这样一种情况,那就是如果学校中所有学生在某一天都不去上学,那么学校就拿大家没办法了。

我的意思是说,如果所有人都呆在家里,校方就无法专门严厉地惩罚某一个学生,实际上也许学校要花费整整一天的时间给每位学生的家长打电话通报这件事。根据这段代码,你的网页将会显示为下面这个样子:你是否曾经考虑过这样一种情况,那就是如果学校中所有学生在某一天都不去上学,那么学校就拿大家没办法了。我的意思是说,如果所有人都呆在家里,校方就无法专门严厉地惩罚某一个学生,实际上也许学校要花费整整一天的时间给每位学生的家长打电话通报这件事。第二节:排列文本

将文字居左

将文字居右

将文字居中你是否还记得上一节我会讲到的

标志符?有一件事我忘记告诉你了,那就是

标志符不但可以使文本空出一行,还可以在该标志符后面增加一些信息,从而让其后面的文字信息的位置有所变化。因此如果你把下列信息写入HTML文件中:

我喜欢看蜘蛛织网,蜘蛛织出的网太漂亮了!

但从另外一个角度来说,如果我看到家中的地板上有一只蜘蛛,我又会把它踩死。

但有时我也会很担心,不知这样踩死蜘蛛是否会遭到报应,因为它们并没有招惹你。这个网页在浏览器中就会显示成下面这个样子:我喜欢看蜘蛛织网