超链接

 

　　超链接是HTML文档的最基本特征之一。超链接的英文名是hyperlink，能让浏览者在各个独立的页面之间方便地跳转。每个网站都是由众多的网页组成，网页之间通常都是通过链接方式相互关联的。 超链接的范围很广，可以将文档中的任何文字及任意位置的图片设置为超链接。 超链接有外部链接、电子邮件链接、锚点链接、空链接、脚本链接。

 

　　超链接的基本知识

 

　　如果要很好地创建链接，就必须了解链接与被链接文档之间的路径，每个网页都有一个惟一的地址，称为统一资源定位符（URL）

 

　　当在网页中创建内部链接时，一般不会指定链接文档的完整URL，而是指定一个相对当前文档或站点根文件夹的相对路径。

 

　　绝对路径和相对路径

 

　　1.绝对路径

 

　　包括服务器规范在内的完全路径。绝对路径不管源文件在什么位置都可以非常精确地找到，除非是目标文档的位置发生变化，否则链接不会失败。

 

　　好处：

 

　　劣势：

 

　　2.相对路径

 

　　可以表述源端点同目标端点之间的相互位置，它同源端点的位置密切相关。如果链接中源端点和目标端点位于同一个目录下，则在链接路径中只需要指明目标端点的文档名称即可。

 

　　提示：

 

　　1.内部链接

 

　　指链接的对象是在同一个网站中的资源。

 

　　语法格式：

 

　　2.链接的目标窗口

 

　　在创建网页的过程中，默认情况下超链接在原来的浏览器窗口中打开，可以使用target属性来控制打开的目标窗口。

 

　　语法格式：

 

　　锚点链接也叫书签链接，常用于那些内容庞大繁琐的网页，网站中也会经常出现文本或者是图像内容太多，造成页面太长。为了方便用户查看文档中的内容，在文档中需要进行锚点链接。

 

　　1.建立锚点

 

　　锚点（书签）就是指在给定名称的一个网页中的某一位置，在创建锚点链接前首先要建立锚点。

 

　　语法格式：

 

　　2.锚点建立完成之后，便可创建锚点的链接，需要用#号以及锚点的名称作为href属性值。

 

　　语法格式：

 

　　3.链接到其他的页面中的锚点

 

　　锚点的链接不仅仅只可以链接到同一页面，也可以在不同页面之间链接设置。

 

　　语法格式：

 

　　锚点这个问题，在网页中的导航栏这个部分应用最多。

 

　　1.链接到外部网站

 

　　网页中很常用的利用HTTP协议进行外部链接是在设置友情链接时。

 

　　语法格式：

 

　　2.链接到E-mail

 

　　在网页上创建E-mail链接，可以使浏览者能快速反馈自己的意见。当浏览者单击E-mail链接时，可以立即打开浏览器默认的E-mail处理程序，收件人的邮件地址由E-mail超链接中指定的地址自动更新，无需浏览者输入。

 

　　语法格式：

 

　　3.链接到FTP

 

　　FTP是指文件传输协议，一个FTP站点通常包含一些容易上传和下载文件的文件目录。大部分的FTP网站需要一个用户名和密码来进入网站。

 

　　语法格式：

 

　　4.链接到Telnet

 

　　Telnet常常用来登陆一些BBS网站，也是一种远程登陆方式。

 

　　语法格式：

 

　　5.下载文件

 

　　相信很多人都下载过文件，这些在网站中提供下载资料，就需要为文件提供下载链接，在某些网站中只需要单击一个链接即可自动下载文件。

 

　　语法格式：

 

　　在网页中，除了能插入文字和图像之外，也可以插入动画、声音、视频等这些媒体内容。

 

　　（一）设置滚动效果

 

　　滚动效果一般用于滚动公告栏火新闻动态等方面。

 

　　1.滚动标记marquee

 

　　marquee不仅仅可以移动文字，也可以是图片的滚动或者是表格的移动等等。

 

　　语法格式：

 

　　2.滚动方向direction

 

　　默认情况下，方向都只是从右到左滚动，这时我们就可以使用direction来设置不同的滚动方向。

 

　　语法格式：

 

　　3.滚动方式

 

　　滚动方向可以设置之外，也可以通过behavior属性来设置滚动的方式。

 

　　语法格式：

 

　　4.滚动速度scrollamount

 

　　滚动也是有速度的，我们可以使用scrollamount来设置滚动的快慢。

 

　　语法格式：

 

　　5.滚动延迟scrolldelay

 

　　滚动的时间间隔可以使用scrolldelay

 

　　语法格式：

 

　　6.滚动循环loop

 

　　默认情况下，滚动会不断地循环，类似死循环。如果需要滚动几次之后就停止，我们可以是恶用loop设置滚动次数。

 

　　语法格式：

 

　　7.滚动范围width、Height＜/strong>

 

　　如果不设置滚动背景的面积，默认情况下，水平滚动的文字背景与文字同高、与浏览器窗口同宽，使用width和height参数可以调整其水平和垂直的范围。

 

　　语法格式：

 

　　8.滚动背景颜色bgcolor

 

　　语法格式：

 

　　9.空白空间hspace、vspace

 

　　默认情况下，滚动对象周围的文字或图像是与滚动背景紧密连接的，使用hspace和vspace可以设置它们之间的空白空间。

 

　　语法格式：

 

　　（二）插入多媒体文件

 

　　1.插入Flash动画

 

　　语法格式：

 

　　2.插入音频和视频文件

 

　　语法格式：

 

　　（三）设置背景音乐

 

　　1.背景音乐

 

　　语法格式：

 

　　2.循环次数loop

 

　　默认情况下，背景音乐需要不断播放，所以可以使用loop来设置实现循环次数的控制。

 

　　语法格式：

 

　　（四）插入Java Applet

 

　　Java Applet是一种允许开发并可以嵌入Web页面得编程语言。Java Applet小程序是在小程序的Java的基础上而形成的应用程序，也是可以再网页在Jon用来执行一定的任务。

 

　　语法格式：

 

　　框架一般由框架集和框架组成，框架集就是所有的框架，是框架的集合。框架集就是单纯的HTML文件，它定义一组框架的页面和属性。包括了框架的数目i、框架的大小和位置，以及再每个框架汇总初始显示的页面和URL。

 

　　框架是框架集中一个独立区域，用于显示一个独立的网页文档。框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示的内容无关的HTML文档。

 

　　框架技术广泛应用到网站导航和文档浏览器中，方便访问者对网页的浏览，减少访问者下载页面所需的时间。

 

　　（一）设置框架集的属性frameset

 

　　框架页面的结构是在框架集中设置的，根据分割方式的不同，可以将框架分为水平分割窗口、垂直分割窗口和嵌套分割窗口。

 

　　1.水平分割窗口

 

　　水平分割窗口是将页面沿水平方向切割，也就是将页面分成上下排列的多个窗口。这种方式和水平线的有一点类似，水平线也是把上下内容进行分隔。

 

　　语法格式：

 

　　2.垂直分割窗口cols

 

　　cols属性指定了垂直框架的布局方法，页面被垂直分割成多个窗口，由一组用逗号分隔的像素值、百分比或相对度量值组成列表。

 

　　语法格式：

 

　　3.嵌套分割窗口

 

　　所谓的嵌套就是存在水平分割，也存在垂直分割。

 

　　语法格式：

 

　　4.框架的边框frameborder

 

　　在默认情况下，浏览器都会给每一个框架加上一条明显宽度的边框。此时就可以通过frameborder

 

　　来控制边框的显示或者是隐藏了。

 

　　语法格式：

 

　　5.框架的边框宽度framespacing

 

　　默认情况下，框架的边框宽度是1，我们就可以通过使用framespacing来调整边框的宽度。

 

　　语法格式：

 

　　6.框架的边框颜色bordercolor

 

　　语法格式：

 

　　（二）设置窗口属性frame

 

　　<frame>用来定义每一个单独的框架页面，框架页面的属性设置都在<frame>标记里面进行。

 

　　1.页面源文件src

 

　　语法格式：

 

　　2.页面名称name

 

　　语法格式：

 

　　3.禁止调整窗口的尺寸noresize

 

　　语法格式：

 

　　4.边框与页面内容的水平边距marginWidth＜/strong>

 

　　语法格式：

 

　　5.边框与页面内容的垂直边距marginHeight＜/strong>

 

　　语法格式：

 

　　6.控制框架滚动条显示scrolling

 

　　语法格式：

 

　　（一）表单标记form

 

　　在网页中，我们可以使用<form></form>标记对用来创建一个表单，即定义表单的开始和结束位置，在标记对之间的一切都是属于表单的内容。

 

　　表单也是可以设置很多的基本属性。一般来说，表单的处理程序action和传送方式method是必不可少的参数。

 

　　1.提交表单action

 

　　指定表单数据提交到哪个地址进行处理的程序，我们可以使用action

 

　　语法格式：

 

　　2.表单名称name

 

　　name用于给表单命名，这个命名主要是为了后台处理程序混乱问题，所以给表单命名。

 

　　语法格式：

 

　　3.传送方法method

 

　　表单的method属性用于指定在数据提交到服务器的时候使用哪种HTTP提交方法，可取值为get或post。

 

　　get： 表单数据被传送到action属性指定的URL,然后这个新URL被送到处理程序上。

 

　　post： 表单数据被包含在表单主体中，然后被送到处理程序上。

 

　　语法格式：

 

　　4.编码方式enctype

 

　　enctype属性为表单顶了MIME编码方式，主要用于设置表单信息提交的编码方式。

 

　　语法格式：

 

　　5.目标显示方式target

 

　　语法格式：

 

　　（二）表单对象中的使用问题

 

　　1.文字字段text

 

　　常见的表单元素就是文字字段，用户可以在文字字段内输入字符或者单行文本。

 

　　语法格式：

 

　　2.密码域password

 

　　密码域是特殊的文字字段。属性与文字字段的属性是相同的。所不同的是，密码域全部都是“*”显示。

 

　　语法格式：

 

　　3.单选按钮radio

 

　　单选按钮一般都是用户选择从一个列表选择中选择一个选项。

 

　　语法格式：

 

　　4.checkbox

 

　　语法格式：

 

　　5.普通按钮button

 

　　语法格式：

 

　　6.提交按钮submit

 

　　实现表单内容得提交。

 

　　语法格式：

 

　　7.重置按钮reset

 

　　主要用来清除用户再页面汇总输入的信息。

 

　　语法格式：

 

　　8.图像域image

 

　　语法格式：

 

　　9.隐藏域hidden

 

　　有些数据的传送对于用户而言是不可见的，此时就可以使用隐藏域来实现。

 

　　语法格式：

 

　　10.文件域file

 

　　文件域在上传文件时常常用到，它用于查找硬盘中的文件路径，然后通过表单将选中的文件上传，在上传图像时也常常用到。

 

　　语法格式：

 

　　（三）菜单和列表

 

　　1.下拉菜单

 

　　下拉菜单是一种最节省页面空间的选择方式，因为在正常状态下只显示一个选项，单击下拉按钮打开菜单后才会看到全部的选项。

 

　　语法格式：

 

　　代码示例：

 

　　2.列表项

 

　　语法格式：

 

　　（四）文本域标记textarea

 

　　当需要让浏览者填入多行文本时，就应该使用文本域而不是文字字段。和其他大多数表单对象不一样，文本域使用的是textarea标记而不是input标记。

 

　　语法格式：

 

　　例如留言框的代码示例：

 

　　（五）id标记

 

　　id标记是一个较为特殊的标记，它主要用于标示一个惟一的元素。 这个元素可以是文字字段，可以是密码域，也可以是其他的表单元素，甚至可以是一幅图像、一个表格。