风舞残阳 2008-4-1 11:21
还网页链接“清白”.htm
网页离不开链接，而默认链接的表现形式总是千篇一律的蓝色文字加底线，每当我们点击它时，周围会出现虚线框，表示该链接是当前的焦点，影响了美观。不过一些五彩缤纷的链接所付出的代价是添加了大量的代码。我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性，图个新鲜。
首先只要在链接标签中添加onFocus="if(this.blur)this.blur()"这句代码即可屏蔽点击时四周出现的虚线框，如：中国[wiki]电脑[/wiki]教育报网页刷新后再点击这个链接，是不是不显示虚线框了！OK，我们继续改造，再一步的工作是删除链接上的底线。在[wiki]源代码[/wiki]的标签后添加以下三句代码，即可使本页的链接的底线不显示：
保存后再打开网页，链接的表现形式是不是只是蓝色文字了！如果还不够，你还可以改变它的颜色，这个很容易实现：在链接文字前添加这句代码即可使链接文字变成红色
#1 ljjk5 发表评论于：2007-7-16 21:41随着FrontPage及Dreamweaver等可视他的网页[wiki]编辑[/wiki]器的流行，不懂HTML也可以做一个具有专业水平的网页已经不是一个梦。但是这些主页制作工具都不能自己生成一个好的头部，这就需要我们来了解一下可用在中的[wiki]元素[/wiki]了。
%26lt;Title%26gt;已经是众所周知的了，在这里我们要看的就是头部里的另一个重要元素%26lt;Metab%26gt;了。
首先，Meta可以告诉[wiki]浏览器[/wiki]网页所识别的文件[wiki]类[/wiki]型及语言类型，比如说，我们要让浏览器识别HTM/HTML类型的简体中文网面，我们可以这样写：
%26lt;Metahttp-equiv="Content-Type"content="text/html;charset=gb2312"%26gt;
其次，Meta可以让一些搜索引擎搜索到你的网页：%26lt;MetaName="description"Content="网页描述文字"%26gt;%26lt;MetaName="Keywords"Content="网页关键字"%26gt;
如果说这两种用法Meta的基本用法，也是FrontPage等可以生成的代码，那么下面这些用法就是这些可视化的编辑器无法完成的了：
1.通过Meta你可以让一个页面过上一定的[wiki]时间[/wiki]，自动转到另一个页面或者站点去，如：
%26lt;MetaHTTP-EQUIV="refresh"content="6;url=http://www.computerworld.com.cn"%26gt;content中的6表示时间，单位为秒。
2.通过Meta可以让你进入页面时产生一些特殊效果，具体应用如下：
%26lt;metahttp-equiv="Page-Enter"content="revealTrans(Duration=5.0,Transition=n)"%26gt;其中，n的取值范围为0-23，具体的意义如下：
0矩形缩小1矩形扩大2圆形缩小
3圆形扩大4下到上5上到下
6左到右7右到左8竖百叶窗
9横百叶窗10错位横百叶窗11错位竖百叶窗
12点13左右到中间14中间到左右
15中间到上下16上下到中间17右下到左上
18右上到左下19左上到右下20左下到右上
21横条22竖条23以上
24种随机选择一种
需要注意的是这些特殊效果只对在top中进入的新页面有效。
只需把上面这些东西写到%26lt;head%26gt;中，那么你的做出的网页肯定会令人刮目相看了。#2 ljjk5 发表评论于：2007-7-16 21:41%26lt;h1%26gt;打开大标题
%26lt;/h1%26gt;关闭大标题
%26lt;h3%26gt;打开中标题
%26lt;/h3%26gt;关闭中标题
%26lt;h6%26gt;打开小标题
%26lt;/h6%26gt;关闭小标题
HTML页面上的标题应该比其它文字大和粗，就象报纸文章的标题，文章的标题在[wiki]印刷[/wiki]时可以自由设置大小，网页上的标题字的大小可以在h1(很大)到h6(很小)范围内.其实，标题标签并不难掌握.它们用%26lt;h1%26gt;之类的标签来打开,但集记住，要用响应的%26lt;/h1%26gt;标签来关闭.
若在HTML文件中写入:
%26lt;h1%26gt;哇噻,今天我们又赢了%26lt;/h1%26gt;
你会得到:
哇噻,今天我们又赢了
如果键入：
%26lt;h2%26gt;英国人不识莎翁作品%26lt;/h2%26gt;
您将得到：
英国人不识莎翁作品
很简单,对吧?那么,如果你已经变得厌烦的话,这有一个你可以用来寻乐的标题法(如果你在使用Netscape).通过使用%26lt;h2%26gt;和%26lt;pre%26gt;,你可以用大的粗体字将文字预格式化(保存你的返回和空格),超越固定宽度和比例类型面间的差别而轻松自如地漫游.但关键在于你必须把标题标签放到%26lt;pre%26gt;标签之外,这样它才能起作用.
若在HTML文件中加入:%26lt;h1%26gt;%26lt;pre%26gt;如果我们相信[wiki]神[/wiki]话曾经是历史%26lt;/pre%26gt;%26lt;/h1%26gt;
你会得到：
如果我们相信神话曾经是历史
注意,在时间紧张时,只有在Netscape浏览器上,%26lt;h1%26gt;和%26lt;pre%26gt;一起使用才会产生可靠的效果.当然,你也可能通过加入%26lt;fontsize%26gt;和%26lt;tt%26gt;标签得到同样的结果.#3 ljjk5 发表评论于：2007-7-16 21:42HTML是[wiki]网络[/wiki]的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面.哈哈.
也许你听说过许多可以编辑网页的[wiki]软件[/wiki],事实上,你不需要用任何专门的软件来建立HTML页面；你所需要的只是一个文字[wiki]处理器[/wiki]（如McrosoftWord\记事本\写字板等等）以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。
HTML只不过是组合成一个文本文件的一系列标签。它们很乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂.
HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragragh），但它们的与一般文本有区别，因为它们放在单书名号里。故Paragragh标签是%26lt;p%26gt;,块引用标签是%26lt;blockquote%26gt;。有些标签说明页面如何被格式化（例如，%26lt;p%26gt;开始一个新段落），其他则说明这些词如何显示(%26lt;b%26gt;使文字变粗)还有一些其他标签提供在页面上不显示的[wiki]信息[/wiki]－－例如标题。
关于标签，需要记住的是，它们是成双出现的。每当使用一个标签－－如%26lt;blockquote%26gt;,则必须以另一个标签%26lt;/blockquote%26gt;将它关闭。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。
基本HTML页面以%26lt;html%26gt;标签开始，以%26lt;/html%26gt;结束。在它们之间，整个页面有两部分－－标题和正文。
标题词－－夹在%26lt;head%26gt;和%26lt;/head%26gt;标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在%26lt;body%26gt;和%26lt;/body%26gt;之间－－即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。
那么让我们建立一个简单的范例吧，非常容易的。第一步，当然是要建立一个新的文本文件（记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存），将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文)
然后你可以用浏览器将它打开，你会看见最简单的自己做的页面。#4 ljjk5 发表评论于：2007-7-16 21:42统一资源定位器（[wiki]URL[/wiki]）指的是Internet文件在网上的地址。好比一个街道在城市地理上地址。url使用数字和字母按一定顺序排列以确定一个地址。比如，要是有一个街道地址是：
统一资源定位器（URL）指的是Internet文件在网上的地址。好比一个街道的地址。它使用数字和字母按一定顺序排列以确定一个地址。比如，要是有一人，他的联系方式是：
100035北京市西城区八道湾胡同20号王雨
你会想到，王雨是一个人名，他住在北京市西城区一个叫做八道湾的胡同里,邮政编码是100035。它的住宅在20号。
同样道理，你也可以分解一个URL。比如：
http://www.sohu.com/index.html
URL的第一个部分http://表示的是要访问的文件的类型。在网上，这几乎总是使用http（意思是超文本转换协议,hypertexttransferprotocol.因为它是用来转换网页的协议.)有时也使用ftp（filetransferprotocol),意为文件传输协议,主要用来传输软件和大文件（许多做软件下载的[wiki]网站[/wiki]就使用ftp作为下载的网址）;telenet（远程登录）,主要用于远程交谈;以及文件调用等,意思是浏览器正在阅读本地盘外的一个文件,而不是一个远程[wiki]计算机[/wiki].
让我们回到上面提到的URL。第二部分是www.sohu.com。这是主机的名字。表示要访问的文件存放在名为www的[wiki]服务器[/wiki]里，该服务器登记在sohu.com[wiki]域名[/wiki]之下。多数公司有一个指定的服务器作为对外的网上站点，叫做www。所以，在你进行网上浏览时，如果你拿不准URL的名字，在www后加上公司的域名是个好办法。比如：
www.sohu.com或www.sina.com#5 ljjk5 发表评论于：2007-7-16 21:43我们能用查看源文件这个办法来教会你所有关于HTML需要知道的一切.这是最初的一步，也许有人会反对这种说法，而最后一步，就是需要学习如何在网上发布，这样才能让你制作的网页让大家看到。
与其他图片、动画文件或者各种各样的产品不同，所有的网页都能从html的源文件中看到起制作的本来面目,并告诉愿意了解的网友，站点是如何建成的.
网页的构架使你能查看任何网页的源代码(换言之,就是显示页面样子的HTML文档).所以任何时候你想知道"他们是怎么做的"时,你所要做的就是从浏览器菜单（通常的菜单名是"View"(查看),选项是"Source"(源)或"Documentsurce"(文档源)）选择"查看源"(ViewSource),然后HTML文件将会打开--记事本或者你机器上安装的任何文字处理软件打开.
打[wiki]开源[/wiki]文件之后,你就可以将它另存为文本文件或者html文件进行研究，你可以在文本文件中剪切和粘贴任何你想要的内容.但是如果你没有另存的话，你将不能改变源文件，以免页面被改变,记住，你是在查看一个复制文件,而不是文件本身.
学会查看源文件是学会HTML的最佳途径.模仿是学习和进步的最佳形式。我们接下来的教程能高效率教会你如何编写、制作HTML文件，但是查看源文件是保持了解网上发布者在做什么,如何做的最佳途径.
不管怎样,源文档不是万能的.它告诉你所有关于HTML--甚至JavaScript(在HTML文档中全显示的代码)--所需要知道的一切的同时,它并不显示服务器一方所发生的一切.比如说,如果一个站点被挂靠到一个[wiki]数据库[/wiki]或使用CGI正本以增强其功效时,如一些计算功能或者数据调用功能，这个源文档不会显示有关[wiki]程序[/wiki]运行的任何迹象.对于Java程序包和插入也是如此.
我们能用查看源文件这个办法来教会你所有关于HTML需要知道的一切.这是最初的一步，也许有人会反对这种说法，而最后一步，就是需要学习如何在网上发布，这样才能让你制作的网页让大家看到。
与其他图片、动画文件或者各种各样的产品不同，所有的网页都能从html的源文件中看到起制作的本来面目,并告诉愿意了解的网友，站点是如何建成的.
网页的构架使你能查看任何网页的源代码(换言之,就是显示页面样子的HTML文档).所以任何时候你想知道"他们是怎么做的"时,你所要做的就是从浏览器菜单（通常的菜单名是"View"(查看),选项是"Source"(源)或"Documentsurce"(文档源)）选择"查看源"(ViewSource),然后HTML文件将会打开--记事本或者你机器上安装的任何文字处理软件打开.
打开源文件之后,你就可以将它另存为文本文件或者html文件进行研究，你可以在文本文件中剪切和粘贴任何你想要的内容.但是如果你没有另存的话，你将不能改变源文件，以免页面被改变,记住，你是在查看一个复制文件,而不是文件本身.
学会查看源文件是学会HTML的最佳途径.模仿是学习和进步的最佳形式。我们接下来的教程能高效率教会你如何编写、制作HTML文件，但是查看源文件是保持了解网上发布者在做什么,如何做的最佳途径.
不管怎样,源文档不是万能的.它告诉你所有关于HTML--甚至JavaScript(在HTML文档中全显示的代码)--所需要知道的一切的同时,它并不显示服务器一方所发生的一切.比如说,如果一个站点被挂靠到一个数据库或使用CGI正本以增强其功效时,如一些计算功能或者数据调用功能，这个源文档不会显示有关程序运行的任何迹象.对于Java程序包和插入也是如此.
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------#6 ljjk5 发表评论于：2007-7-16 21:43%26lt;p%26gt;开始一个段落
在所有的HTML标签中,段落标签是最普遍也是对用户最友好的。%26lt;p%26gt;标签在每个段落的开头加入，在每个文本块之前跳过一行.关闭段落不需要用%26lt;/p%26gt;;继续下一个标签时段落会自动关闭.
看看以下两个普通段的HTML:
%26lt;p%26gt;说到接触网络也可以说是机缘巧合，那是去年的寒假，因为早些时候我的腿打篮球给摔断了，所以寒假哪里的去不了，无奈之中便买来一个“猫”，申请了一个帐号，也就开始了我的网络生活，也开始了我的这个网上之“梦”……%26lt;p%26gt;第一次上网就象大多数的朋友们一样，下定决心不去聊天浪费时间，而是主要学习一下网络[wiki]知识[/wiki]，看看新咨讯等等……但是有一天，随着一个朋友的到访，一切都变了。小虫是我的大学同学，一个“才子”，很聪明的人，也很可爱，可惜和大多数聪明人一样，就是不用功，和我们一帮兄弟整天混日子。
这两个段落这样显示:
说到接触网络也可以说是机缘巧合，那是去年的寒假，因为早些时候我的腿打篮球给摔断了，所以寒假哪里的去不了，无奈之中便买来一个“猫”，申请了一个帐号，也就开始了我的网络生活，也开始了我的这个网上之“梦”……
第一次上网就象大多数的朋友们一样，下定决心不去聊天浪费时间，而是主要学习一下网络知识，看看新咨讯等等……但是有一天，随着一个朋友的到访，一切都变了。小虫是我的大学同学，一个“才子”，很聪明的人，也很可爱，可惜和大多数聪明人一样，就是不用功，和我们一帮兄弟整天混日子。
很简单吧？不可能学不会吧？接下来你会学到更多的html语言。
