还网页链接“清白”.htm - Javascript教程 - 网页制作

ljjk5

元帅

UID 46706
精华 1
积分 99426
帖子 49690
威望 554
金币 48489
热心 505
阅读权限 100
注册 2007-2-25
状态离线

使用道具

发表于 2007-7-16 21:40 资料个人空间主页短消息加为好友

还网页链接“清白”.htm

网页离不开链接，而默认链接的表现形式总是千篇一律的蓝色文字加底线，每当我们点击它时，周围会出现虚线框，表示该链接是当前的焦点，影响了美观。不过一些五彩缤纷的链接所付出的代价是添加了大量的代码。我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性，图个新鲜。

首先只要在链接标签中添加onFocus="if(this.blur)this.blur()"这句代码即可屏蔽点击时四周出现的虚线框，如：中国电脑教育报网页刷新后再点击这个链接，是不是不显示虚线框了！OK，我们继续改造，再一步的工作是删除链接上的底线。在源代码的标签后添加以下三句代码，即可使本页的链接的底线不显示：

保存后再打开网页，链接的表现形式是不是只是蓝色文字了！如果还不够，你还可以改变它的颜色，这个很容易实现：在链接文字前添加这句代码即可使链接文字变成红色

网友 ljjk5 签名 - 网友社区 ===

[广告] 免费域名(Free Subdomain) 免费空间(Free hosting) PR查询(Google Pagerank)

ljjk5

元帅

UID 46706
精华 1
积分 99426
帖子 49690
威望 554
金币 48489
热心 505
阅读权限 100
注册 2007-2-25
状态离线

使用道具

发表于 2007-7-16 21:41 资料个人空间主页短消息加为好友

Meta──容易被忽视的HTML元素.htm

随着FrontPage及Dreamweaver等可视他的网页编辑器的流行，不懂HTML也可以做一个具有专业水平的网页已经不是一个梦。但是这些主页制作工具都不能自己生成一个好的头部，这就需要我们来了解一下可用在中的元素了。
　　
　　< Title >已经是众所周知的了，在这里我们要看的就是头部里的另一个重要元素< Metab >了。
　　
　　首先，Meta可以告诉浏览器网页所识别的文件类型及语言类型，比如说，我们要让浏览器识别HTM/HTML类型的简体中文网面，我们可以这样写：
　　
　　< Meta http-equiv="Content-Type" content="text/html; charset=gb2312" >
　　
　　其次，Meta可以让一些搜索引擎搜索到你的网页：< Meta Name=" description" Content="网页描述文字" > < Meta Name=" Keywords" Content="网页关键字" >
　　
　　如果说这两种用法Meta的基本用法，也是FrontPage等可以生成的代码，那么下面这些用法就是这些可视化的编辑器无法完成的了：
　　
　　1. 通过Meta你可以让一个页面过上一定的时间，自动转到另一个页面或者站点去，如：
　　
　　< Meta HTTP-EQUIV="refresh" content="6; url=http://www.computerworld.com.cn" > content中的6表示时间，单位为秒。
　　
　　2. 通过Meta可以让你进入页面时产生一些特殊效果，具体应用如下：
　　
　　< meta http-equiv="Page-Enter" content= "revealTrans(Duration=5.0,Transition=n)" > 其中，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 中进入的新页面有效。
　　
　　只需把上面这些东西写到< head >中，那么你的做出的网页肯定会令人刮目相看了。

网友 ljjk5 签名 - 网友社区 ===

ljjk5

元帅

UID 46706
精华 1
积分 99426
帖子 49690
威望 554
金币 48489
热心 505
阅读权限 100
注册 2007-2-25
状态离线

使用道具

发表于 2007-7-16 21:41 资料个人空间主页短消息加为好友

HTML基础教程(5)标题.htm

<h1>打开大标题
</h1>关闭大标题
<h3>打开中标题
</h3>关闭中标题
<h6>打开小标题
</h6>关闭小标题
HTML页面上的标题应该比其它文字大和粗，就象报纸文章的标题，文章的标题在印刷时可以自由设置大小，网页上的标题字的大小可以在h1(很大)到h6(很小)范围内.其实，标题标签并不难掌握.它们用<h1>之类的标签来打开,但集记住，要用响应的</h1>标签来关闭.

若在HTML文件中写入:

<h1>哇噻,今天我们又赢了</h1>

你会得到:

哇噻,今天我们又赢了

如果键入：

<h2>英国人不识莎翁作品</h2>

您将得到：

英国人不识莎翁作品
很简单,对吧?那么,如果你已经变得厌烦的话,这有一个你可以用来寻乐的标题法(如果你在使用Netscape).通过使用<h2>和<pre>,你可以用大的粗体字将文字预格式化(保存你的返回和空格),超越固定宽度和比例类型面间的差别而轻松自如地漫游.但关键在于你必须把标题标签放到<pre>标签之外,这样它才能起作用.
若在HTML文件中加入:<h1><pre>如果我们相信神话曾经是历史</pre></h1>

你会得到：

如果我们相信神话曾经是历史

注意,在时间紧张时,只有在Netscape浏览器上,<h1>和<pre>一起使用才会产生可靠的效果.当然,你也可能通过加入<fontsize>和<tt>标签得到同样的结果.

网友 ljjk5 签名 - 网友社区 ===

ljjk5

元帅

UID 46706
精华 1
积分 99426
帖子 49690
威望 554
金币 48489
热心 505
阅读权限 100
注册 2007-2-25
状态离线

使用道具

发表于 2007-7-16 21:42 资料个人空间主页短消息加为好友

HTML基础教程(1)什么是HTML.htm

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”。(随便你起一个什么名字,但记住,要用英文)

然后你可以用浏览器将它打开，你会看见最简单的自己做的页面。

网友 ljjk5 签名 - 网友社区 ===

ljjk5

元帅

UID 46706
精华 1
积分 99426
帖子 49690
威望 554
金币 48489
热心 505
阅读权限 100
注册 2007-2-25
状态离线

使用道具

发表于 2007-7-16 21:42 资料个人空间主页短消息加为好友

HTML基础教程(2)什么是URL.htm

统一资源定位器（URL）指的是Internet文件在网上的地址。好比一个街道在城市地理上地址。url使用数字和字母按一定顺序排列以确定一个地址。比如，要是有一个街道地址是：
统一资源定位器（URL）指的是Internet文件在网上的地址。好比一个街道的地址。它使用数字和字母按一定顺序排列以确定一个地址。比如，要是有一人，他的联系方式是：

100035 北京市西城区八道湾胡同20号王雨

你会想到，王雨是一个人名，他住在北京市西城区一个叫做八道湾的胡同里,邮政编码是100035。它的住宅在20号。

同样道理，你也可以分解一个URL。比如：
http://www.sohu.com/index.html

URL的第一个部分http://表示的是要访问的文件的类型。在网上，这几乎总是使用http（意思是超文本转换协议,hypertext transferprotocol.因为它是用来转换网页的协议.)有时也使用ftp（file transferprotocol),意为文件传输协议,主要用来传输软件和大文件（许多做软件下载的网站就使用ftp作为下载的网址）;telenet（远程登录）,主要用于远程交谈;以及文件调用等,意思是浏览器正在阅读本地盘外的一个文件,而不是一个远程计算机.

让我们回到上面提到的URL。第二部分是www.sohu.com。这是主机的名字。表示要访问的文件存放在名为www的服务器里，该服务器登记在sohu.com域名之下。多数公司有一个指定的服务器作为对外的网上站点，叫做www。所以，在你进行网上浏览时，如果你拿不准URL的名字，在www后加上公司的域名是个好办法。比如：

www.sohu.com或www.sina.com

网友 ljjk5 签名 - 网友社区 ===

ljjk5

元帅

UID 46706
精华 1
积分 99426
帖子 49690
威望 554
金币 48489
热心 505
阅读权限 100
注册 2007-2-25
状态离线

使用道具

发表于 2007-7-16 21:43 资料个人空间主页短消息加为好友

HTML基础教程(3)查看源文件.htm

我们能用查看源文件这个办法来教会你所有关于HTML需要知道的一切.这是最初的一步，也许有人会反对这种说法，而最后一步，就是需要学习如何在网上发布，这样才能让你制作的网页让大家看到。
与其他图片、动画文件或者各种各样的产品不同，所有的网页都能从html的源文件中看到起制作的本来面目,并告诉愿意了解的网友，站点是如何建成的.

网页的构架使你能查看任何网页的源代码(换言之,就是显示页面样子的HTML文档).所以任何时候你想知道"他们是怎么做的"时,你所要做的就是从浏览器菜单（通常的菜单名是"View"(查看),选项是"Source"(源)或"Documentsurce"(文档源)）选择"查看源"(ViewSource),然后HTML文件将会打开--记事本或者你机器上安装的任何文字处理软件打开.

打开源文件之后,你就可以将它另存为文本文件或者html文件进行研究，你可以在文本文件中剪切和粘贴任何你想要的内容.但是如果你没有另存的话，你将不能改变源文件，以免页面被改变,记住，你是在查看一个复制文件,而不是文件本身.

学会查看源文件是学会HTML的最佳途径.模仿是学习和进步的最佳形式。我们接下来的教程能高效率教会你如何编写、制作HTML文件，但是查看源文件是保持了解网上发布者在做什么,如何做的最佳途径.

不管怎样,源文档不是万能的.它告诉你所有关于HTML--甚至JavaScript(在HTML文档中全显示的代码)--所需要知道的一切的同时,它并不显示服务器一方所发生的一切.比如说,如果一个站点被挂靠到一个数据库或使用CGI正本以增强其功效时,如一些计算功能或者数据调用功能，这个源文档不会显示有关程序运行的任何迹象.对于Java程序包和插入也是如此.

我们能用查看源文件这个办法来教会你所有关于HTML需要知道的一切.这是最初的一步，也许有人会反对这种说法，而最后一步，就是需要学习如何在网上发布，这样才能让你制作的网页让大家看到。
与其他图片、动画文件或者各种各样的产品不同，所有的网页都能从html的源文件中看到起制作的本来面目,并告诉愿意了解的网友，站点是如何建成的.

网页的构架使你能查看任何网页的源代码(换言之,就是显示页面样子的HTML文档).所以任何时候你想知道"他们是怎么做的"时,你所要做的就是从浏览器菜单（通常的菜单名是"View"(查看),选项是"Source"(源)或"Documentsurce"(文档源)）选择"查看源"(ViewSource),然后HTML文件将会打开--记事本或者你机器上安装的任何文字处理软件打开.

打开源文件之后,你就可以将它另存为文本文件或者html文件进行研究，你可以在文本文件中剪切和粘贴任何你想要的内容.但是如果你没有另存的话，你将不能改变源文件，以免页面被改变,记住，你是在查看一个复制文件,而不是文件本身.

学会查看源文件是学会HTML的最佳途径.模仿是学习和进步的最佳形式。我们接下来的教程能高效率教会你如何编写、制作HTML文件，但是查看源文件是保持了解网上发布者在做什么,如何做的最佳途径.

不管怎样,源文档不是万能的.它告诉你所有关于HTML--甚至JavaScript(在HTML文档中全显示的代码)--所需要知道的一切的同时,它并不显示服务器一方所发生的一切.比如说,如果一个站点被挂靠到一个数据库或使用CGI正本以增强其功效时,如一些计算功能或者数据调用功能，这个源文档不会显示有关程序运行的任何迹象.对于Java程序包和插入也是如此.

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

网友 ljjk5 签名 - 网友社区 ===

ljjk5

元帅

UID 46706
精华 1
积分 99426
帖子 49690
威望 554
金币 48489
热心 505
阅读权限 100
注册 2007-2-25
状态离线

使用道具

发表于 2007-7-16 21:43 资料个人空间主页短消息加为好友

HTML基础教程(4)段落.htm

<p>开始一个段落
在所有的HTML标签中,段落标签是最普遍也是对用户最友好的。<p>标签在每个段落的开头加入，在每个文本块之前跳过一行.关闭段落不需要用</p>;继续下一个标签时段落会自动关闭.

看看以下两个普通段的HTML:

<p>说到接触网络也可以说是机缘巧合，那是去年的寒假，因为早些时候我的腿打篮球给摔断了，所以寒假哪里的去不了，无奈之中便买来一个“猫”，申请了一个帐号，也就开始了我的网络生活，也开始了我的这个网上之“梦”……<p>第一次上网就象大多数的朋友们一样，下定决心不去聊天浪费时间，而是主要学习一下网络知识，看看新咨讯等等……但是有一天，随着一个朋友的到访，一切都变了。小虫是我的大学同学，一个“才子”，很聪明的人，也很可爱，可惜和大多数聪明人一样，就是不用功，和我们一帮兄弟整天混日子。

这两个段落这样显示:

说到接触网络也可以说是机缘巧合，那是去年的寒假，因为早些时候我的腿打篮球给摔断了，所以寒假哪里的去不了，无奈之中便买来一个“猫”，申请了一个帐号，也就开始了我的网络生活，也开始了我的这个网上之“梦”……

第一次上网就象大多数的朋友们一样，下定决心不去聊天浪费时间，而是主要学习一下网络知识，看看新咨讯等等……但是有一天，随着一个朋友的到访，一切都变了。小虫是我的大学同学，一个“才子”，很聪明的人，也很可爱，可惜和大多数聪明人一样，就是不用功，和我们一帮兄弟整天混日子。

很简单吧？不可能学不会吧？接下来你会学到更多的html语言。

网友 ljjk5 签名 - 网友社区 ===

网友生活网 \| 网友学堂	如何获得金币？	诚招斑竹	IP归属地查询 PR查询收录查询 whois查询
免费超短2级域名,your.jpy.cc	传世私服 \| 传奇世界私服	注册亚洲交友中心，找个人来同居吧！	免费存储空间，免费网络硬盘