当前位置:首页 » 网页前端 » web中alink什么意思
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web中alink什么意思

发布时间: 2022-06-15 00:23:34

① 在dreamweaver中的CSS样式中,vlink,alink,link和a:link什么区别

他们的区别
1、类
:定义的时候前面必须加点(.),格式是.xxx,可以在一个页面中调用多次。类一般就设文字颜色什么的。
2、标签:标签就是body、table、h3……之类的网页里面的标签,可以直接选择定义样式,网页里面的就会随之变化的。标签就是背景什么的。
3、高级:
高级定义的方式可以在前面加(.)或者(#),加点就是和类差不多,在前面加#的话就是id调用,比如定义#top,那么在调用的时候就是<div
id="top"></div>。记住#top只能调用一次。这点跟类不一样。就是一些链接什么的
alink
是a:active设置的是正在访问超链接的颜色!
vlink
是a:visited设置的是已经访问的超链接的颜色!
a:link是未访问的链接的颜色

② web 是什么意思

web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。

是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。

Web就是一种超文本信息系统,Web的一个主要的概念就是超文本链接。它使得文本不再像一本书一样是固定的线性的,而是可以从一个位置跳到另外的位置并从中获取更多的信息。

还可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下,就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。

web的特点:

1、图形化

Web 非常流行的一个很重要的原因就在于它可以在一页上同时显示色彩丰富的图形和文本的性能。在Web之前Internet上的信息只有文本形式。Web可以提供将图形、音频、视频信息集合于一体的特性。

2、与平台无关

无论用户的系统平台是什么,都可以通过Internet访问WWW。浏览WWW对系统平台没有什么限制。无论从Windows平台、UNIX平台、Macintosh等平台我们都可以访问WWW。

对WWW的访问通过一种叫做浏览器(browser)的软件实现。如Mozilla的Firefox、Google的Chrome、Microsoft的Internet Explorer等。

3、分布式的

大量的图形、音频和视频信息会占用相当大的磁盘空间,我们甚至无法预知信息的多少。对于Web没有必要把所有信息都放在一起,信息可以放在不同的站点上,只需要在浏览器中指明这个站点就可以了。在物理上并不一定在一个站点的信息在逻辑上一体化,从用户来看这些信息是一体的。

4、动态的

由于各Web站点的信息包含站点本身的信息,信息的提供者可以经常对站上的信息进行更新。如某个协议的发展状况,公司的广告等等。一般各信息站点都尽量保证信息的时间性。所以Web站点上的信息是动态的、经常更新的,这一点是由信息的提供者保证的。

5、交互的

Web的交互性首先表现在它的超链接上,用户的浏览顺序和所到站点完全由他自己决定。另外通过FORM的形式可以从服务器方获得动态的信息。用户通过填写FORM可以向服务器提交请求,服务器可以根据用户的请求返回相应信息。

③ HTML语言都有哪些(如,<a>...</a>)代表什么意思

HTML 文件结构标记

<html>...</html> HTML文件全文的开始结束标记
<head>...</head> HTML文件头部的开始结束标记
<body>...</body> HTML文件体部的开始结束标记

例1 head和body是包含在html标记内部的。头部还可以包含五种标记。<title>, <base>, <link>, <isindex>, <meta>。原码如下:

<HTML>
<HEAD>
<title>, <base>, <link>, <isindex>, <meta>
</HEAD>
<BODY>
HTML 文件的正文写在这里... ...
</BODY>
</HTML>

语言字符集(Charsets)的信息

<meta http-equiv="Content-Type" content="text/html;charset=gb2312">

元标记meta必须置于头部,用来设置内容的格式,页面语言等。这里charset=gb2312表示字符集用简体中文。但是如果 HTML 文件里写明了设置,浏览器就会自动设置语言选项。
尤其是主页里用到了字符实体(entities),则该主页就应该写明字符集信息。否则,在浏览该主页时显示可能混乱。

背景色彩和文字色彩

<body bgcolor=# text=# link=# alink=# vlink=#>

bgcolor --- 背景色彩
text --- 文字的色彩
link --- 含超链文字的色彩
alink --- 当前超链文字的色彩
vlink --- 已访问过的超链文字的色彩
色彩是用16进制的RGB值来表示的,如#ff0000表示红色。例如:

<body bgcolor="#dddddd" text="#FF0000" link="#0000ff" alink="#ff0000" vlink="#00ffff" >
<p>普通文字</p>
<p><a href="file:///D:/developweb/about.htm">超链文字</a></p>

背景图象 <body background="image-URL">
无滚动背景图<body bgproperties=FIXED>

页面空白(Margin)
页面左边的空白 <body leftmargin=#>
页面上方的空白 <body topmargin=#> #=象素值

超链接(Link)

<a href="URL">超链的文字</a>

其中URL是超链指向的目标网页地址,“超链的文字”是加上了超链接的正文。例如:

<a href="samp/link.html">链接的例子</a>。

本页内部的超链接 可跳转到页面的某个标记过的一个地方。
<a name="name"> 任意文字</a> name是一个标记名,好象路牌。
<a href="#name">超链文字 </a> 跳转name 处,这里必须加#号。例如:

<a href="#jump-test">跳转到下一个链接点</a><P>
<a name="jump-test">下一个链接点</a>
跳转到下一个"链接点"

跳转到其他页面的某个地方
只要在上面的语法中的#name前加一个URL即可。
<a href="URL#name"> ... </a>
<a name="name"> ... </a>

跳转到另一个页面的<a href="samp/link.html#jump-test">某个地方</a>。
跳转到另一个页面的某个地方。

新开一个浏览器窗口 (Target Window)

<a href="URL" target="Window_Name"> ... </a>

<a href="html9.htm" target="window_name">
开一个新窗口!
</a>

显示如下:
开一个新窗口!

插入一根水平线 <hr>

例如:<hr size=10>

<hr width=50> 和 <hr width=50%> 分别显示如下:

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

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

<hr align=#> #=left, right
排列,左对齐,右对齐。例如:
<hr width=50% align=left>
<hr width=50% align=right> 显示如下:

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

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

无影线<hr noshade>

下面这条水平线在编辑诚恳是看不到的。

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

彩色线<hr color=#>

#=16进制RGB数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
例如 <hr color="red"> 红色水平线如下:

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

④ HTML语言中<body alink=>表示什么

连接时颜色
用法:<BODY ALINK="颜色代码"> 设定“点击连接”的颜色,也就是当你鼠标点击那个连接的瞬间所显示的颜色。
原始代码
<HTML>
<HEAD>
<TITLE>这是标题</TITLE>
</HEAD>
<BODY ALINK="#BLUE">
<A HREF="http://www.webjx.com">连接文字</A>
</BODY>
</HTML>
显示结果
单击这里查看演示效果(鼠标点击连接瞬间才会出现我们现在设定的蓝色)

⑤ web中aling是什么意思啊,跟align有什么区别啊

align是设置文本或其他值在容器中的对齐方式的属性,有left,center或right三种
aling属性反正我没学过也没用过,问度娘无果,应该跟HTML无关,可能是align打错了。

手打望采纳

⑥ HTML中alink和vlink有什么区别

alink => active link(活动链接)可以理解为没有点击过的链接
vlink => visted link(访问过的链接)

⑦ 网页设计中的:href是什么意思啊

亲,我的回答可以的话请采纳我的意见哦
<a></a>是超级链接标识符,三角括号里面是要链接的内容。如:<a href=" http://www.holycity.com.cn/";>黄河服饰 婚纱礼服</a>,那么这个形成网页浏览的话,你就可以点“黄河服饰 婚纱礼服”链接到网站 http://www.holycity.com.cn 去。li是列表项,他可以独立使用,但一般都是跟div一起使用的。格式:<div> <ul><li><a href=" http://www.holycity.com.cn/";>黄河服饰 婚纱礼服</a></li></ul></div>网页的内容必须写在<li></li>里面。

⑧ active在web鼠标属性中的意思

有效的、快速,英文active就是有效的、快速的意思,代表鼠标按下时一瞬间的属性。
鼠标的右键常常隐藏有快捷的功能,在打开鼠标属性时,我们也可以使用该功能
来到电脑桌面,空白处右键单击,弹出的菜单中选择最下面的“个性化”,进入以后,左边栏将出现“更改鼠标指针”的选项,点击即可进入。
1、用户在"通知 V 形 (按钮)"上左键单击。
2、用户在"Lenovo 定点装置属性 (按钮)"上右键单击。
3、用户在"定点装置属性(P) (菜单项目)"上左键单击。
4、进入鼠标属性。

⑨ html 标签 属性

详解HTML
标签和属性
在HTML中,通常标签都是由开始标签和结束标签组成的,开始标签用“<标签名>”表示,结束标签用“</标签名>”表示。
元素指的是包含标签在内的整体,除去标签的部分叫做内容。
属性要在开始标签中指定,用来表示该标签的性质和特性。通常都是以“属性名=”值””的形式来表示,用空格隔开后,还可以指定多个属性。指定多个属性时不用区分顺序
颜色的指定方法
用HTML指定颜色有两种方法
1、用16进制数值来指定:在#号的后面,把RGB的各个选项用十六进制的数值来表示,数值保持两位数。
2、指定颜色的名称:可以对基本的16色用名称来指定其颜色
指定文件的位置
在对某部分设置链接的时候,需要指定链接端HTML文件的位置;同样,如果想在该处显示图像也需要指定图像的位置。在HTML中,这个位置用URL来表示,有以下两种表示方法:
1、绝对URL:绝对URL就是用Web浏览器查看网页时,地址栏中显示的以http://开头的路径
2、相对URL:相对URL是在同一站点内进行设置,类似于在同一磁盘上管理文件的形式。这种方法是以当前文件的位置为基准。使用相对URL时,如果要指定的文件在当前文件的下级,就从目录名开始一直写到要指定的文件名,中间用“/”符号隔开。如果在当前文件的上级,每上一级就加一个“../”符号
2、基本内容
显示HTML的版本
<!DOCTYPE~>
HTML的版本表明HTML文件是按照哪个版本进行编写的(标明该HTML文件遵循的DTD文件),不同的版本和种类都有固定的书写格式,要按照固定的格式输入文件开头,然后在文件开头处写明版本,按照这种版本的规定格式进行编写
必须使用的标签
<html>~</html>
<head>~</head>
<title>~</title>
<body>~</body>
HTML文件的开头写有<!DOCTYPE~>的部分,代表HTML的版本,其后是必须存在的四种标签
首先,<!DOCTYPE~>后面的整个都要用html标签(<html>~</html>)括起来,其中要按照head标签(<head>~</head)和body标签的顺序(<body>~</body>)的顺序进行排列。
在head标签中填写与该文件相关的信息,body标签中填写世纪要在浏览器上显示的内容。另外,在head标签中,只能有一个代表文件标题的title标签
设置页面的文字颜色
<body text=”颜色指定”>~</body>
设置页面的背景颜色
<body bgcolor=”颜色指定”>~</body>
设置页面的背景图像
<body background=”图像的URL”>~</body>
按照目的设定范围
<div>~</div>
<span>~</span>
插入注释
<!—注释语句-->
3、设置文件信息
添加标题
<title>~</title>
title标签用来给HTML文件添加标题
这个标签一定要位于<head>~</head>圈定的范围内。在这里指定的标题除了可以在通常的浏览器窗口的标题栏中显示以外,还可以作为加入收藏夹时的标题
显示文件编码
<meta http-equiv="Content-Type" content="text/html; charset=文字编码" />
meta标签的charset属性表示该HTML文件是用什么文字编码编写的
注意,该标签一定要位于<head>~</head>范围内
添加关键字、内容介绍及作者姓名
<meta name="keywords" content="关键字1,关键字2,…" />
<meta name="description" content="内容介绍" />
<meta name="author" content="作者姓名" />
这些信息都不会在画面上显示出来,但是搜索引擎在收集信息时要用到
注意,该标签一定要位于<head>~</head>范围内
设置样式表和脚本语言的种类
<meta http-equiv="Content-Style-Type" content="样式表的种类" />
<meta http-equiv="Content-Script-Type" content="脚本的种类" />
在HTML文件内可以设置样式表和脚本的默认语言
注意,该标签一定要位于<head>~</head>范围内
设置进入网页
<link rel=”关系” href=”URL”>
<link rev=”关系” href=”URL”>
rel:在本页看到的,与URL标明的网页之间的关系
rev:在URL标明的网页中看到的,与本页之间的关系
link标签表示的是该文件和与其相关的其他文件之间的关系
注意,该标签一定要位于<head>~</head>范围内
设置标准URL
<base href=”绝对URL”>
<base href=”绝对URL” target=”目标名”>
base标签用来设置将该页中使用的相对URL的标准指向成绝对URL,指定了这个标签之后,在该页指定的相对URL就会全部认定为已在这里指定的绝对URL。如果不进行这项设置,就以当前页的位置为标准,如果指定了Target属性,就可以指定打开链接地址网页的默认框架和窗口
注意,该标签一定要位于<head>~</head>范围内
设置自动倒入网页功能
<meta http-equiv="refresh" content="秒数" />
<meta http-equiv="refresh" content="秒数";URL=要移动到的URL />
在经过数秒后,自动开始导入网页。如果指定了要移动到的URL,就会导入URL指定的网页。如果没有指定,就会再次导入相同的页
注意,该标签一定要位于<head>~</head>范围内
4、设置文本类型
设置各级标题
<h1>~<h1>

设置段落
<p>~</p>
p标签表示的是该部分为一个段落
设置联系地址
<address>~</address>
address标签表示的内容是该网页制作者的联系地址和有关网页内容的咨询地址等信息
设置强调内容
<em>~</em>
<strong>~</strong>
这两个标签所圈内容表示该部分是强调的内容
设置较短的引用文字
<q>~</q>
<q cite=”引用页的URL”>~</q>
q标签代表的意思是该部分为较短的引用文,在引用段落的某一部分的时候使用,如果使用cite属性,还能够把引用页的URL显示出来
设置较长的引用文章
<blockquote>~</blockquote>
<blockquote cite=”引用页的URL”>~</blockquote>
设置文字内容的出处
<cite>~</cite>
设置缩略语
<abbr title=”字符串”>~</abbr>
<acronym title=”字符串”>~</acronym>
title:不处于省略状态下的词汇(字符串)
设置添加的内容
<ins cite=”URL” datetime=”添加日期时间”>~</ins>
设置需要删除的内容
<de cite=”URL” datetime=”删除日期时间”>~</del>
突出显示段落中的术语
<dfn>~</dfn>
表示与程序关联的文本
<kbd>~</kbd>:输入文本
<samp>~</samp>:输出样本
<code>~</code>:源代码
<var>~</var>:变量
显示特殊符号
<:<
>:>
":”
&:&
5、设置显示方式
设置文字的换行
<br>
添加了br标签之后,文本就会再该处换行。即使在HTML代码中已经换行了,在浏览器上显示的时候却反映不出来,因此如果想在浏览器上换行的话,就要使用br标签
添加不同横线效果
<hr>
<hr size=”粗细” width=”长度” align=”对齐方式” noshade>
加入了hr标签后,就可以在其标注的地方显示横线
设置文本格式
<b>~</b>:黑体字
<i>~</i>:斜体字
<tt>~</tt>:等大字体
<sup>~</sup>:上标
<sub>~</sub>:下标
<u>~</u>:下划线
<s>~</s>:删除线
设置空格和换行
<pre>~</pre>
<pre>标签可以保留文字在源代码中的格式,使得页面中显示的内容和源代中的格式完全一致
设置居中效果
<center>~</center>
center标签用于将指定范围内的内容设置为居中
设置行对齐方式
<h1 align=”行对齐方式”>~<h1>
<p align=”行对齐方式”>~<p>
<div align=”行对齐方式”>~<div>
使用align属性可以设置标题、段落以及指定范围内的行对齐方式
设置文字颜色
<font color=”设置颜色”>~</font>
设置字体类型
<font>字体名”>~</font>
设置字体字号
<font size=”字号”>~</font>
相对改变字体大小
<big>~</big>:增大
<small>~</small>:减小
<font size=”+n”>:增大n号
<font size=”-n”>:减小n号
设置字号的基本大小
<basefont size=”字号”>
size:1~7
6、设置链接相关的属性
链接到其他页面
<a href=”链接目标URL”>~</a>
a标签的href属性能把指定的范围链接到其他页面上,链接部分的词语要设置得让人看到这个部分就能联想到链接网页上的具体内容
另外,在链接图像的时候,一定要插入替代的文字(alt=”~”)使用户能够很明确的了解到链接的目标
链接到当前页的特定位置
<a href=”#位置名”>~</a>:指定链接文件(从什么位置开始链接)
<a name=”位置名”>~</a>:指定链接的地址(要链接的位置)
如果一页上的内容非常多,可以在一个网页中给特定的位置命名,然后再链接到该位置(跳转)。在给链接对象位置命名的时候要使用name属性。然后,在链接的时候,要用href属性在链接地址名称的前面加上#号
设置链接到其他页面的特定位置
<a href=”URL#位置名”>~</a>:指定链接源(从什么位置开始链接)
<a name=”位置名”>~</a>:指定链接的地址(要链接的位置)
在链接到其他网页上的时候,可以先给那一页上特定的位置命名,然后链接到该位置。在给链接对象位置命名的时候要使用name属性。然后,在链接的时候,要用href属性设置成”URL+#+位置名”这样一种格式
设置链接文字的颜色
<body link=”指定颜色” vlink=”指定颜色” alink=”指定颜色”>~<body>
link:还没有看见的链接部分的文字颜色
vlink:已经看见的链接部分的文字颜色
alink:鼠标单击链接部分的文字颜色
body标签用于设置网页整体链接部分的文字颜色
在新窗口中打开链接网页
<a href=” URL” target=”窗口名”>~</a>
利用target属性可以设置打开链接窗口的方式
通过设置链接来启动邮箱
<a href=”mailto:邮箱地址”>~</a>
7、制作不同类型的列表
为列表添加不同类型的标记
<ul><li>列表项目1</li><><li>列表项目2</li>…<ul>
ul标签的作用是将列表(条款形式)加上圆点或方括号的标记。列表的整体要在<ul>~</ul>标签范围内,在这之间的各个项目要在<li>~</li>标签之内
更改列表标记
<ul type=”标记种类”>~</ul>
<li type=”标记种类”>~</li>
标记的种类包括disc、cicle和square
制作带序号的列表
<ol><li>列表项目1</li><><li>列表项目2</li>…<ol>
改变序号的样式
<ol type=”序号样式”>~</ol>
<li type=”序号样式”>~</li>
改变序号的顺序
<ol start=”开始序号”>~</ol>
<li value=”开始序号”>~</li>
制作包含专用语和解释的列表
<dl><dt>专用语<dt><dd>对其解释</dd>…<dl>
8、设置表格
表格的基本形式
<table border=”边框的粗度”>~</table>:整个表格
<tr>~</tr>:单独一行
<th>~</th>:单元格:标题用
<td>~</td>:单元格:数据用
表格的整体要圈在<table>~</table>之间显示,表格当中某一个单元格用<th>~</th>表示或者<td>~</td>表示。每个单元格都在表的单独以行,放置在<tr>~</tr>中。也就是说,table标签的内容是由tr标签构成的。各个tr标签的内容是由表示单元格的th或者td标签构成的。th标签代表这个单元格的内容是标题。td标签代表这个单元格的内容是数据
为表格添加标题
<caption>~</caption>
<caption align=”对齐方式”>~</caption>
caption标签用来给表格添加标题
该标签一定要放在table标签的紧后面。标题的显示位置(即对齐方式)可以指定在表格的上部,或者表格的下部
指定表格的大小
<table width=”宽度”>~</table>
宽度:针对像素或者窗口的百分比
指定单元格大小
<th width=”宽度” height=”高度”>~</th>
<td width=”宽度” height=”高度”>~</td>
合并单元格
<th rowspan=”垂直方向的合并数”>~</th>
<th colspan=”水平方向的合并数”>~</th>
<td rowspan=”垂直方向的合并数”>~</td>
<td colspan=”水平方向的合并数”>~</td>
垂直方向的合并数:从当前单元格开始向下合并的单元格数
水平方向的合并数:从当前单元格开始向右合并的单元格数
设置单元格之间的距离
<table cellspacing=”单元格的距离”>~</table>
设置单元格边框与内容之间的距离
<table cellpadding=”单元格边框与内容之间的距离”>~</table>
设置单元格中的行对齐方式和列对齐方式
align属性用于设置单元格内的行对齐方式,valign属性用来设置单元格内的列对齐方式
禁止在单元格内换行
<th nowrap>~</th>
<td nowrap>~</td>
设置表格和单元格的背景颜色
bgcolor属性用于指定表格和单元格中的背景颜色
设置表格和单元格的背景图像
background属性用于指定表格和单元格中的背景图像
设置表格外框的宽度
<table border=”外框的宽度”>~</table>
设置表格外框的显示形式
<table frame=”外框的显示形式”>~</table>
设置表格内补边框线的显示形式
<table rules=”内部边框线的显示形式”>~</table>
定义表格中的横行
<thead>~</thead>:表头部分
<tbody>~</tbody>:表体部分
<tfoot>~</tfoot>:表底部分
thead标签、tbody标签和tfoot标签都是用来定义表格的横行(tr标签)的
这样组合之后,就可以针对该组合的整体来应用属性和样式表。
使用这些标签的时候,一定要以thead标签、tfoot标签和tbody标签的顺序进行排列。在一个表格里,只能放置一个thead标签和一个tfoot标签,而tbody标签可以根据需要放置多个
利用纵列设置表格属性和样式表
<col span=”纵列数”>
<col span=”纵列数” width=”宽度”>
col标签不仅可以用来改变表格的纵列结构,还可以用来根据纵列,来综合指定宽和行对齐方式等属性以及样式表
该标签放置的位置要在caption标签的紧后面(如果没有caption标签,就放在table标签的开始标签的紧后面),以及thead标签和tr标签的前面
设置表格居中
<table align=”center”>~</table>
将表格嵌入到文本中
<table align=”对齐方式”>~</table>
位置:left,right
将table标签的align属性指定为left或者right后,就可以将表格以居左或居右的方式嵌入到文字中间
如果想要解除嵌入状态,可以使用<br>标签的clear属性
解除表格的嵌套
<br clear=”解除表格那一侧的嵌套”>
left:解除左侧表格的嵌套
right:解除右侧表格的嵌套
all:解除两侧表格的嵌套
设置表格与嵌套文字之间的距离
<table vspace=”垂直距离” hspace=”水平距离”>~</table>
垂直距离:表格的上下框与文字间的距离
水平距离:表格的左右框与文字间的距离
9、设置图像与多媒体
插入图像
<img src=”URL” width=”宽度” hignt=”高度” alt=”替代文字”>
使用img标签,可以把图像插入到HTML文件中
图像的格式一般可以使用GIF格式、JPEG格式和PNG格式
不管图像实际的大小如何,都会按照在这里所指定的宽度和高度来显示
alt属性是在不能显示图像的情况下,指定替代图像所使用的文字
设置图像的边框
<img src=”URL” alt=”替代文字” border=”边框的粗度”>
设置图像与文字的垂直位置关系
<img src=”URL” alt=”替代文字” align=”对齐方式”>
在同一行中,如果有图像和文字,那么就可以用align属性来设置图像和文字的垂直位置关系
制作图像热区
<img src=”URL” alt=”替代文字” usemap=”#map名”>
<map name=”map名”>~</map>
<area shape=”形状” cords=”坐标” href=”URL” alt=”替代文字”>
在map标签中,用来设置实际单击的区域和链接地址的是area标签
在area标签中,一定要指定表示链接地址的替代文字,之后要用image标签的usemap属性指定定义后的image map的名称(名称前面要加#),这样图像就可以作为image map产生相应的效果
将图像嵌套在文本中
<img src=”URL” alt=”替代文字” align=”对齐方式”>
位置:left,right
解除图像的嵌套
<br clear=”解除哪一侧图像的嵌套”>
设置图像与周围文字之间的距离
<img src=”URL” alt=”替代文字” vspace=”垂直距离” hspace=”水平距离”>
放置Java小程序
<applet code=”类文件名” width=”宽度” height=”高度” >~</applet>
<param name=”参数名” value=”参数值”>
applet标签是嵌入Java小程序时要使用的标签
如果使用param标签,在执行java小程序时,需事先指定一些必要值。这时,param标签要位于<applet>~</applet>范围的最开始部分
10、制作不同类型的表单
制作填写表单
<form action=”URL” method=”发送形式” enctype=”MIME类型” target=”窗口名称”>~</form>
URL:用来处理发送后表格的程序的URL
发送形式:get,post
MIME类型:以post方式发送内容时的MIME类型
窗口名称:先是发送结果的窗口或框架名
form标签表示在表单中填写的内容是可以发送的
制作发送按钮
<input type=”submit” value=”标签” name=”名称”>
标签:在按钮上显示的文字
名称:按钮的名称
将input标签的type属性设置为submit,再根据form标签的设置,可以制作发送填写在表单中数据的按钮
制作重置按钮
<input type=”reset” value=”标签”>
制作通用按钮
<input type=”button” name=”名称” value=”标签”>
通用按钮通常与JavaScript等脚本语言组合使用
利用图像来制作发送按钮
<input type=”image” src=”URL” name=”名称” alt=”替代文字” align=”对齐方式”>
通常,发送按钮都使用input type=”submit”代码,不过图像也可以作为发送按钮,具有发送功能。这时,图像被单击的位置将和表单的内容一起被发送
制作不同功能的发送按钮
<button type=”类型” name=”名称” value=”发送值”>~</button>
类型:submit,reset,button
button标签是用来制作按钮专用的
通过指定type属性值,就可以产生具有不同功能的按钮,包括发送按钮、重置按钮和通用按钮。另外,在<button>~</button>中放置相应的内容,可以作为按钮的标签显示出来。在需要进行其他处理并设置多个发送按钮的情况下,根据name属性和value属性所显示的值,接受方就可以分辨出单击的是哪一个发送按钮
制作单行文本框
<input type=”text” name=”名称” value=”默认文字” size=”宽度” maxlength=”字符的最大输入数量”>
制作多行文本框
<textarea name=”名称” rows=”行数” cols=”宽度”>~</textarea>
制作输入密码的文本框
<input type=”password” name=”名称” value=”默认文字” size=”宽度” maxlength=”字符的最大输入数量”>
插入隐藏域
<input type=”hidden” name=”名称” value=”发送值” >
制作单选按钮
<input type=”radio” name=”名称” value=”发送文字” >
<input type=”radio” name=”名称” value=”发送文字” checked>
将input标签的type属性设置为radio,可以用来制作单选按钮。单选按钮是多个选项当中只能选择其一的按钮。作为公共项目的选项而使用的单选按钮,要把它们都指定为同一名称。另外,发送数据的时候,为了识别所选的是哪一项,要用value属性来指定相应的值
制作复选框
<input type=”checkbox” name=”名称” value=”发送文字” >
<input type=” checkbox” name=”名称” value=”发送文字” checked>
将input标签的type属性设置为checkbox,可以用来制作复选框。复选框可以在多个选项当中进行多项选择。作为公共项目的选项而使用的复选框,要把它们都指定为同一名称。另外,发送数据的时候,为了识别所选的是哪一项,要用value属性来指定相应的值
制作菜单
<select name=”名称”>~</select>:菜单整体
<option value=”发送值”>~</option>:菜单项
<option selected>~</option>:菜单项
select标签用来制作菜单
菜单的整体要在<select>~</select>范围之内显示,然后按需要的数量在其中放置表示选项的<option>~</option>。<option>~</option>范围之内要写上实际菜单要显示的选项的名称。另外,如果省略了value属性,在这里记录的文字本身就会作为所选值发送
组合菜单选项
<optgroup lable=”组合名称”>~</optgroup>:制作组合菜单
<option lable=”次选项”>~</option>:组合内的选项
组合名称:第一级显示的组合标题
次选项:对应组合名称下面的在第二级显示出来的选项
制作的菜单选项可以利用<select>~</select>标签组合起来
制作下拉列表
<select size=”行数” name=”名称” multiple>~</select>:下拉列表框
<option value=”发送值”>~</option>:菜单项
<option selected>~</option>:菜单项
在用于制作菜单的select标签中指定了size属性后,就可以显示下拉列表框
添加选择文件的功能
<input type=”file” name=”名称”accept=”MIME”类型>
将input标签的type属性设置为file,可以自动做成能够选择发送表单数据的文件按钮和文本框
综合利用菜单选项
<fieldset>~</fieldset>:组合
<legend align=”对齐方式”>~</legend>:组合的标题
field标签用来把填写在表单中需要包含的输入内容和选项组合起来
在<fieldset>~</fieldset>的最开始部分放置legend标签,并且给该组合加上标题
将标签文字与项目一体化
<label for=”参照ID”>~</lable>
参照ID:添加了标签的对象的id属性值
lable标签的作用是在输入项和选项及其标签文字之间建立起明确的关联,并使其一体化
11、利用框架布局网页
设置框架整体结构
<frameset rows=”高度”>~</frameset>
<frameset cols=”宽度”>~</frameset>
<frame src=”URL” name=”框架名称”>
高度:在垂直方向上分布的多个框架的高度,按从上到下的顺序依次用逗号隔开来指定
宽度:在水平方向上分布的多个框架的宽度,按从左到右的顺序依次用逗号隔开来指定
URL:作为框架内容显示的HTML文件的URL
框架名称:在指定链接等显示目标的时候使用的名称
使用框架功能可以把窗口横竖切割开,然后在不同的块区域中显示其他的HTML文件。在指定了框架的文件中,原来body标签所在的位置,要放置frameset标签,这主要是由于在框架页面中不能使用body标签
在<frameset>~</frameset>的范围中要按照顺序填入分割后框架内要填写的内容。如果不需要再分割,就用frame标签指定要导入的HTML文件,如果还要继续分割的话,就需要放置frameset标签(作为嵌套放置在里面,并且指定盖框架如何分割)
设置框架的显示方法
<frame scrolling=”滚动控制” noresize>
<frame marginwidth=”左右缩进” marginheight=”上下缩进”>
设置是否显示边框
<frame frameborder=”显示指定框架的边框”>
frameborder属性用来设置分割开相邻框架的边框是否显示
去除分割框架的边框
<frameset frameborder=”0” framespacing=”0” border=”0”>
在不支持框架的环境中显示所需内容
<noframes>~</noframes>
这个标签要在<frameset>~</frameset>范围的最开始或者最后处放置一个。在<noframes>~</noframes>范围内要首先放置body标签,并在其中填写所要显示的内容。
指定链接目标在哪一个框架内显示
<a href=”URL” target=”框架名”>~</a>
如果对框架内的文件中指定的链接不进行设置的话,就会在原来的相同框架中显示链接目标,如果想使这个链接目标在其他框架中显示的话,就需要指定target属性值,用想要显示(frame标签)的那个框架的name属性来指定框架名称
插入内嵌框架
<iframe src=”内容的URL” name=”框架名”>~</iframe>
iframe标签不仅可以放置分割窗口形式的框架,还可以在窗口中放置独立显示的内嵌框架。在框架内还可以显示src属性所指定的内容
如果浏览器不支持这种框架,要在<iframe>~</iframe>之间指定要显示的内容
12、关于脚本
在HTML中插入脚本
<script type=”MME类型”>~</script>
<script type=”MME类型” language=”语言名称” src=”URL”>~</script>
在HTML文件中编写脚本的时候要用到script标签,脚本语言要写在这个标签的范围内
这时,在不支持这个标签的浏览器上会在画面上显示出脚本的部分,为了避免这种现象,通常把脚本整体作为HTML的注释。这个标签可以放在<head>~</head>和<body>~</body>范围内的任意位置上
在不能执行脚本的环境中添加所需的内容
<noscript>~</noscript>
在脚本不能运行的时候,可以使用noscript标签来指定替代显示的内容
这个标签要放置在<body>~</body>的范围内

⑩ 网页制作方面的高手进来看看 `...

1.1 什么是HTML

1.1.1 Web页的基本概念

1.1.1.1 Internet与WWW

通俗地讲,Internet就是许多不同功能的计算机通过网络设备连接起来组成一个覆盖全球的网络。从信息资源的角度看,Internet是一个集各个部门、各个领域的各种信息资源为一体,供网上用户共享信息资源网。

Internet能提供的服务包括:WWW服务、E-mail服务、FTP服务、TELNET服务、网上传呼(ICQ;OICQ)、电子商务、网络炒股、在线聊天、联网游戏等。

由此可见,WWW(World Wide Web,译为“万维网”)并不就是Internet,它只是Internet提供的服务之一,不过它是Internet上发展最为蓬勃的部分,相当多的其他Internet服务是基于WWW服务的。

1.1.1.2 WWW与浏览器

从技术的角度讲,WWW是由遍布在Internet上称为Web服务器的计算机组成,它将不同的信息资源有机地组织在一起,能过一种叫浏览器的软件进行浏览。

浏览器是获取WWW服务的基础,它的基本功能就是对网页进行显示。

1.1.1.3 网站与主页

WWW是由Internet上无数的Web服务器构成的,通过浏览器访问这些服务器上的网页,不同的网页通过超链接联系在一起,构成了WWW的纵横交织结构。

通常我们把一系列逻辑上可以视为一个整体的页面叫做网站,或者说,网站就是一个有共同主题的页面的集合。

主页是网站中一个特殊页面,它是网站的入口页面,其中包含指向其他页面的超链接。通常主页的名称是固定的,例如:index.html(.html或.htm后缀表示HTML文档)

1.1.2 HTML的工作原理

HTML(HyperText Markup Language,超文本标记语言)是表示网页的一种规范(或者说是一种标准),它通过标记符定义了网页内容如何显示。

网页是用HTML语言写成的文本文件,但它与文本文件不同的是,网页中包含有指向其它位置的链接,通过这些链接使网页组织成了网状结构。

在HTML文档中,通过使用标记符可以告诉浏览器如何显示见网页,即确定网页内容的显示格式。所以HTML文档就是网页文件,有时也称为Web页。

1.2 创建Web页

1.2.1 标记符基础

HTML语言是影响网页内容显示格式的标记符集合,浏览器根据标记符决定网页的实际显示效果。

1.2.1.1 基本的HTML语法

在HTML中所有的标记都用尖括号括起来。绝大多数的标记符是成对出现的,即有开始标记符与结束标记符,开始标记符和相应的结束标记符定义了标记所影响的范围。结束标记符与开始标记符的区别是多一个斜线。例如:

<h1>让我们一起来学习HTML!!</h1>

但是,也有少数标记符是单一的不成对的,例如:<br>、<hr>等。

HTML标记符是不区分大小写的。

1.2.1.2 标记符的属性

属性是用来描述对象特征的特性。许多标记符还包含一些属性,以便对标记符作用的内容进行更详细的控制。

在HTML中,所有的属性都放置在开始标记符的尖括号里,属性与标记符之间用空格分隔;属性的值放在相应的属性名之后,用等号分隔;而不同的属性之间用空格分隔。例如:

<font size=7 color=red>大家好</font>

1.2.2 Web页的基本结构

HTML文档中通常都包括以下基本标记符:<html>和</html>、<head>和</head>、<body>和</body>。

1.2.2.1 HTML标记

<html>是Web页的第一个标记符,</html>是最后一个标记符。Web页的其它所有内容都必须位于这两个标记符之间。

1.2.2.2 首部标记

<head>和</head>位于Web页的开头,其中不包括Web页的任何实际内容,而是提供一些与Web页有关的特定信息。首标记的内容也用特定的标记括起来。

(1) TITLE 标记符

在首标记符中,最基本、最常用的是标题标记符<title></title>,用于定义网页的标题,网页标题可被浏览器用书签和收藏清单。

(2) META 标记符

它用于说明Web页有关的信息。在META标记符中常用的属性有:name、http-quiv以及content。name是给出关于网页某一属性的名称,而content是给出属性的值,http-equiv指定HTTP响应名称,通常用于替换name属性。

META 标记符的一个常用功能是设置自动页面跳转。即使浏览器自动从一个页面跳马转到另一个页面。语法格式如下:

<META http-equiv="Refresh" content="5; url=URL">

(3) BGSOUND标记符

它用于指定网页的背景音乐。语法格式如下:

<BGSOUND src=音乐文件 loop=播放次数>

音乐文件的格式一般为.wav、.mid或.mp3。

1.2.2.3 正文标记符

正文标记符<BODY>和</BODY>包含 Web 页的内容。文字、图形、链接以及其他 HTML 元素都位于该标记符内。

注意:空格、回车这些格式控制在显示时都不起作用,如要使它们起作用,应使用预格式化元素<PRE>和</PRE>。

1.2.3 设置页面属性

正文标记符包括一些常用属性,用于设置网页背景颜色和图案,以及设置文档和超链接的颜色。

(1) 颜色的表示

在HTML中可以用两种方式来表示颜色:

通过颜色名表示颜色
通过设置RGB(Red Green Blue)值来表示颜色
通过颜色名表示颜色,直接给出要显示颜色的英文名称即可。但是,在HTML中只保留了16个颜色名,所以用颜色名所能表示的颜色很有限。

通过RGB值表示颜色,是利用三色光的相互混合调制出成千上万种颜色。

RGB表示法的标准格式是:以“#”开头,后面紧跟着6位16进制数,每2位为一组,代表一种颜色成分,按“#RRGGBB”方式排列。

#000000 #008000
#C0C0C0 #00FF00
#808080 #808000
#FFFFFF #FFFF00
#800000 #000080
#FF0000 #0000FF
#800080 #008080
#FF00FF #00FFFF

1.2.3.2 设置页面背景图像

设置页面背景图像是通过设置BODY标记符中的background属性实现的,其语法格式如下:

<body background="图像文件的URL">

1.2.3.3 设置背景图像水印效果

Internet Explorer还支持BODY标记符的另一个属性—bgproperties,该属性可以设置背景图案的水印效果。语法格式如下:

<body background=图像文件URL bgproperties=效果>

1.2.3.4 设置文字和超链接的颜色

设置正文和超链接的颜色,可以使用BODY标记符的text、link、vlink和alink属性。常用的语法格式如下:

<body text=#RRGGBB link=#RRGGBB vlink=#RRGGBB alink=#RRGGBB>

其中:

text 用于设置正文颜色
link 用于设置未被访问的超链接的颜色
vlink 用于设置已被访问的超链接的颜色
alink 用于设置激活超链接的颜色
1.2.4 添加注释

不论是编写程序还是制作网页,为所做的工作添加注释都是一种良好的工作习惯。HTML 的注释由开始标记符<!-- 和结束标记符 --> 构成。注释内容都将被浏览器解释为注释,而不在浏览器中显示。

1.2.5 显示特殊字符

如果需要在网页中显示某些特殊字符,例如: <(小于号)、>(大于号)、”(引号)等,则需使用参考字符来表示,而不能直接输入。参考字符以“&”号开始,以“;”结束,既可以使用数字代码,也可以使用代码名称。 最常见的特殊字符如下表所示(完整的编码请参见附录2)

特殊字符 数字代码 代码名称
" + "
& & &
< < <
> > >

1.3 发布Web页

1.3.1 创建本地站点

1.3.2 申请网页空间

1.3.3 用FTP上传网页
.1 文本分段

在HTML文档中对段落的控制包括:段落标记符P、换行标记符BR、水平线标记符HR、标题标记符Hn、用于设置段落对齐的align属性、DIV标记符以及CENTER标记符。

2.1.1 段落标记符P和换行标记符BR

分段标记符
分段标记符用于将文档划分为段落,标记为<P></P>,其中结束标记符通常可省略。

换行标记符
换行标记符用于在文档中强制断行,标记为一个单独的<BR>。

2.1.2 水平线标记符HR

在HTML中除了可以用P标记划分落,还可以用添加水平线的方法分隔文档的不同部分。

水平线的标记符为<HR>,它包括以下属性:

SIZE 属性用来改变水平线的粗细程度
WIDTH 属性用来更改水平线的长度
NOSHADE 属性用来使水平线以实线显示
COLOR 属性用来设置水平线的颜色
ALIGN 属性用来设置水平线的对齐方式
其中:COLOR 属性在 Microsoft Internet Explorer 3 及更高版本中,通过在<HR>中设置 COLOR 属性可以控制水平线的颜色。

2.1.3 标题标记符Hn

在HTML中,用户可以通过Hn标记符来标识文档中的标题和副标题,其中:n是1-6的数字;<H1>表示最大的标题,<H6>表示最小的标题。使用标题样式时,必须使用结束标记符。

2.1.4 段落对齐

在HTML中,一般使用标记符的align属性来设置段落的对齐方式。

2.1.4.1 align属性

ALIGN 属性用于设置段落的对齐格式,其值包括:

RIGHT(右对齐)
LEFT(左对齐)
CENTER(居中对齐)
JUSTIFY(两端对齐)
ALIGN 属性可应用于多种标记符,最典型的是应用于 DIV、P、Hn(标题标记符)、HR 等标记符。

2.1.4.2 DIV标记符CENTER标记符

DIV 标记符
DIV 标记符用于为文档分节,以便为文档的不同部分应用不同的段落格式,其标记为<DIV></DIV>。位于 DIV 标记符中的多段文本将被认为是一个节,可为它们设置一致的对齐格式。

SPAN 标记符
SPAN标记符的功能及用法与DIV相似,但通常用于标记一行内的某些字符。

CENTER 标记符
如果要将文档内容居中,还可使用 CENTER 标记符,方法为:将需居中的内容置于<CENTER>和</CENTER>之间。

2.2 控制文本的显示效果

2.2.1 字体控制标记符FONT

FONT标记符用于控制字符的样式,包括开始标记符<FONT>和结束标记符</FONT>,FONT标记符具有3个常用的属性:

size 属性
字号属性的值可以从 1 到 7,3 是默认值,字号越大显示的字符就越大。该属性值也可以用 +n 或 -n 来作为相对值指定。

color 属性
字体标记符的 COLOR 属性可用来控制文字的颜色,使用方法与正文标记符<BODY>中使用的 BGCOLOR 属性相同。但要注意一般不能将color的属性值与bgcolor的属性值设置为相同。

face 属性
FACE 属性用来指定字体样式。在这个属性中用户可以指定一个或几个字体名称(用逗号隔开)。

2.2.2 用物理字符样式

所谓物理字符样式,是指标记符本身就说明了所修饰文字的效果的标记符。常用的物理标记符有:

标记符 功能 标记符 功能
<B></B> 粗体 <STRIKE></STRIKE> 删除线
<BIG></BIG> 大字体 <SUB></SUB> 上标
<I></I> 斜体 <SUP></SUP> 下标
<S></S> 删除线 <TT></TT> 等宽
<SMALL></SMALL> 小字体 <U></U> 下划线

2.2.3 逻辑字符样式

所谓逻辑字符样式是指标记符本身从某种程度上反映了被修饰对象所表示的含义。例如:ADDRESS标记符用以修饰某个地址。常用逻辑字符样式如下表:

标记 功能
<ADDRESS></ADDRESS> 用于修饰地址
<CITE></CITE> 用于说明文本属于引用
<CODE></CODE> 用于说明程序代码
<DFN></DFN> 用于表示定义了术语
<EM></EM> 用于强调某些字词
<KBD></KBD> 用于说明用户的键盘输入
<SAMP></SAMP> 用于表示文本样本
<STRONG><STRONG> 用于强调某些字词
<VAR></VAR> 用于表示变量

2.2.4 滚动文字效果

滚动文字是用于IE的一种常用网页效果,它使位于<MARQUEE>和</MARQUEE>标记符之间的内容可以以滚动方式显示。

在MARQUEE标记符中常用的属性如下:

width和height 这两个属性定义了字符滚动区域的宽度和高度。可以用像素数和百分比来表示。
align 指定了滚动字符如何于周围对象对齐。
behavior 定义了字符如何滚动。
bgcolor 定义了滚动字符区域的背景。
direction 定义了字符滚动的方向。
hspace和vspace 定义了滚动字符四周水平和垂直方向上的间隙。
loop 指定滚动重复次数
scrollamount 指定文本滚动步长的像素数。
scrolldelay 指定两次滚动间的毫秒延时数。
2.3 列表格式

2.3.1 有序列表

有序列表(Ordered list)也称数字式列表,它是一种在表的各项前显示有数字或字母的缩排列表。

定义有序列表需要使用有序列表的方法格式如下:

<ol [type=x][start=n]>

<li [type=x][value=n]>列表项1

<li [type=x][value=n]>列表项2

. . .

</ol>

其中:type和start分别用来设置数字序列样式和数字序列的起始值。n为任意整数;x的取值见下表:

值 含义
1 阿拉伯数字,默认值
A 大写字母
a 小写字母
I 大写罗马字母
i 小写罗马字母

2.3.2 无序列表

无序列表(Unordered list)也称强调式列表,它是一种在表的各项前显示有特殊项目符号的缩排列表。

<ul [type=x]>

<li [type=x]>列表项1

<li [type=x]>列表项2

. . .

</ul>

其中:type用来控制列表项前特殊符号的显示。x的取值如下表:

值 含义
disc 实心圆
circle 空心圆
square 实心或空方块,取决于浏览器

注意:在IE中,type的值是区分大小写的。

2.3.3 定义列表

定义列表用于定义术语,它是一种在表的各项前没有任何数字和符号的缩排列表。语法格式如下:

<DL>

<DT>术语1[</DT>]

<DD>说明1[</DD>]

<DT>术语2[</DT>]

<DD>说明2[</DD>]

. . .

</DL>

2.4 格式的嵌套中的问题

格式嵌套的问题,也就是要考虑当不同的格式设置作用于同一段内容时HTML将如何处理,通常的原则是:

如果嵌套的格式是相容的,则取格式叠加的效果
如果嵌套的格式是冲突的,则取离被修饰内容最近的样式符的修饰效果 .1 Web页图像基础

3.1.1 位图与矢量图

位图图形由排列成网格的称为像素的点组成,如果把图像放大到一点程度会看到像马赛克那样拼合在一起形成的图像。

矢量图形使用称为矢量的线条和曲线描述图像,它是用数学信息来描述图像的。

3.1.2 Web页图像格式

虽然有很多计算机图像格式,但由于受网络带宽和浏览器的限制,在Web上常用的图像格式有以下三种:GIF、JPEG和PNG,它们都是标准的位图格式。

3.1.2.1 GIF格式

GIF格式(Graphic Interchange Format,图形交换格式)采用图像的无损压缩处理,是目前在Web上应用最广泛的图像格式之一。GIF格式具有以下特点:

无损压缩
最多 256 色
能够使用透明色
交错式 Gif(interlaced gif)
动画 Gif
3.1.2.2 JPEG格式

JPEG格式(Joint PhotoGraphics Exper,联合图形专家组图片格式)使用有损压缩来减小图片文件的大小,因此用户将看到随着文件的减小,图片的质量也降低了。JPEG格式具有以下特点:

有损压缩
没有颜色限制
可以控制压缩比
不支持透明色
不支持动画
3.1.2.3 PNG格式

PNG格式(Portable Networks Graphics,可移植网络图形格式)是近年来新出现的一种图像格式,它适于任何类型,任何颜色深度的图片。该格式采用无损压缩来减小图片文件的大小。PNG格式具有以下特点:

无损压缩
没有颜色限制
支持透明色,且透明度可调(0%-100%)
3.1.3 使用网页图像的要点

在网页上使用图片,通常应注意以下三点:

图像文件的大小
网页中图片的数量和质量
合理的使用动画
3.2 图像处理的基本操作(略)

3.3 图像标记符IMG

3.3.1 插入图像

在HTML中,使用IMG标记符可以在网页中插入图像,它有两个基本属性:

src 表示要插入图像文件的URL
alt 表示图像的简单文本说明
3.3.2 设置图像属性

3.3.2.1 指定图像的宽和高

IMG标记符中的width和height属性可以指定图像的宽度和高度,其单位可以是像素,也可以是百分数,如果用百分数,表示图像占当前浏览器窗口大小的比例。

3.3.2.2 图像的边框

使用IMG标记符的border属性,可以给图像添加边框效果,边框的取值是像素数。

3.3.2.3 设置图像周围的空白

在IMG标记符内使用属性hspace和vspace设置图像周围的空白,其中hspace表示水平方向的空白,vspace表示垂直方向的空白,它们的取值都是像素。

3.3.2.4 图像的对齐

(1) 图像在页面中的对齐

设置图像在页面中的对齐,可以使用DIV或P标记符将IMG标记符括起开,然后使用DIV或P标记符的align属性。

(2) 图像与周围内容的垂直对齐

使用IMG标记符的align属性,可以控制图像与周围内容的垂直对齐。此时,align属性的值可以是:

top 表示图像的顶部与周围内容的顶部对齐
middle 表示图像的中央与周围内容对齐
bottom 表示图像的底部与周围内容的底部对齐,此值为默认值
(3) 图文混排时的图像对齐

如果要在图像的左、右一环绕文本,也是使用IMG标记符的align属性,此时的align的取值是:

left 表示图像居左,文本在图像的右侧
right 表示图像居右,文本在图像的左侧
3.4 创建超链接

3.4.1 相对地址与绝对地址

3.4.1.1 什么是URL

URL(Universal Resource Locator,统一资源定位器)是表示Web上资源的一种方法,通常可以理解为资源的地址,一个URL,通常包括三部分:一个协议代码、一个主机地址,以及资源在主机上的路径和文件名。

3.4.1.2 绝对URL与相对URL

(1) 绝对URL

绝对URL是指Internet上资源的完整地址,其形式通常如下:

协议://主机名[/[路径/]资源文件名]

例如:

http://www.aust.e.cn

ftp://ftp.aust.e.cn/pub/j2sdk.zip

(2) 相对URL

相对URL是指Internet上资源相对于当前页面的地址,它包含从当前页面指向目标页面的路径。

当使用相对URL时,可以使用与DOS文件目录类似的特殊符号:点(.)和双点(..),分别表示当前目录和上一级目录。

相对URL本身并不能唯一资源,但浏览器会根据当前页面的绝对URL正确理解相对URL。

3.4.2 页面链接

创建超链接使用A标记符,它的最基本属性是href用于指定链接的目标。其语法格式如下:

<a href=目标对象URL>超链接</a>

其中:在<a>与</a>之间可以用任何可单击的对象作为超链接的源,例如:文字或图像。

如果href属性指定的文件格式是浏览器所能识别的格式,那么单击超链接时将会直接显示其内容,若浏览器不能识别,那么那么浏览器将下载所链接的对象。

3.4.3 锚点链接

当页面较长时,就需要在页面内部进行跳转,要实现这一功能,首先就为页面中需要跳转到的位置设立标志并命名,即建立“锚点”。这通过A标记符的name属性来实现,语法格式如下:

<a name=标志名>[...]</a>

对于锚点的链接,就将href的值指定为符号#后标志名(锚点名)。如果将href的值指定为一个单独的#号,则表示空链接,不做任何跳转。

3.4.4 电子邮件链接

当浏览网页的用户单击了电子邮件的超链接后,系统将自动启动邮件客户程序,并将邮件地址填写到“收件人”栏中,用户可能编辑并发该邮件。电子邮件超链接的格式如下:

<a href="mailto:收件人邮箱">联系</a>

3.5 使用图像映射

3.5.1 什么是图像映射

所谓图像映射是指在一幅图中定义若干个区域,每个区域中指定一个不同的超链接,当单击不同的区域时便可以跳转到相应的目标页面。

3.5.2 创建图像映射

3.5.2.1 定义映射区域

定义映射区域使用MAP标记符,在<MAP>和</MAP>之间添加映射区域。添加映射区域使用AREA标记符。该标记符具有三个基本属性:

href 标识出目标的URL
shape 说明映射区域的形状。取值可是:
rect 矩形
circle 圆形
poly 多边形
default 整个图像区域
coords 用于标识映射区域的边界。
3.5.2.1 对映射区域进行引用

标记了映射区域之后,就可以通过在IMG标记符中使用usermap属性来引用相应的映射信息。

一个完整的图像映射语法如下:

<map name="mymap">

<area href=URL1 shape=rect coords="x1,y1,x2,y2">

<area href=URL2 shape=circle coords="x,y,r">

<area href=URL3 shape=poly coords="x1,y1,x2,y2,...,xn,yn">

</map>

<img src=image_URL usemap=#mymap>

注意:map标记符中,name属性的取值必须与img标记符中,usemap属性的取值相同,只是usemap属性的值前面多了一个# 。
4.1 创建表格

4.1.1 表格的基本构成

表格由行和列组成,行列交叉构成了单元格,对于某些表格来说,还有用于说明表格用途的标题。

在HTML中创建一个普通的表格应包括以下标记符:

TABLE 用于定义整个表格,表格内的所有内容都应位于<TABLE>和</TABLE>之间。
CAPTION 用于定义表格的标题,表格的标题应置于<CAPTION>和</CAPTION>之间,该标记的align属性说明标题的位置,其取值如下:
top 标题置于表格上部中央(默认)
bottom 标题置于表格下部中央
left 标题置于表格上部的左侧
right 标题置于表格上部右侧
TR(table row)用于定义表格的行,对于每一个表格行,都对应一个TR标记符。
TD(table data) 表格中和每一个单元格都对应于一个TD标记符。
TH(table heading)用来定义表格行或列的标题所在的单元格。
4.1.2 合并单元格

如果在网页中需要创建不规则的表格,可以通过合并单元格来实现。

行合并
在<TD>或<TH>标记符内使用rowspan属性可以进行行合并,rowspan的取值表示垂直方向上合并的行数。

列合并
在<TD>或<TH>标记符内使用colspan属性可以进行列合并,colspan的取值表示水平方向上合并的列数。

4.2 表格的属性设置

4.2.1 边框与分隔线

4.2.1.1 frame属性

frame属性用于控制是否显示边框,以及如何显示边框,该属性的取值可以是:

void 表示无边框(默认值)
above 表示仅有顶部边框
below 表示仅有底部边框
hsides 表示仅有顶部和底部边框
vsides 表示仅有左、右边框
lhs 表示仅有左边框
rhs 表示仅有右边框
box 表示包含全部四个边框
border 表示包含全部四个边框
4.2.1.2 rules属性

rules属性用于控制是否显示以及如何显示单元格之间的分隔线,取值可以是以下几种:

none 表示无分隔线(默认值)
rows 表示仅有行分隔线
cols 表示仅有列分隔线
all 表示有所有分隔线
groups 表示仅在行级和列组有分隔线(目前所有的浏览器都尚不支持)
4.2.1.3 border属性

border属性用于设置边框的宽度,其值为像素数。如果设置border=“0”,则意味着frame=“void”,rules=“none”(除非另外设置);如果设置border为其它值(如何使用不指定值的单独一个border,相当于border=“1”),则意味着frame=“border”,rules=“all”(除非另外设置)。

4.2.2 控制单元格空白

在TABLE标记符中使用cellspacing属性可以控制单元格之间的空白,使用cellpadding属性可以控制表格分隔线和单元格中数据之间的距离,这两个属性的取值通常都采用像素数。

4.2.3 表格的对齐

表格的对齐包括表格在页面中的对齐和表格数据在单元格中的对齐。

4.2.3.1 表格的页面对齐

表格在页面中的对齐,可以直接在TABLE标记符中使用align属性进行设置。另外,也可以使用DIV标记的align属性设置表格的对齐,方法是将TABLE标记符嵌套在<DIV align="...">和</DIV>之间。

如果不使用TABLE标记符的align属性进行设置,则跟在表格后的文本自动显示在表格的下一行,不会形成环绕的效果。如果使用TABLE的align属性进行设置,并且使用的是lefg或right值,则跟在表格后面的文本会仅次于表格的右边或左边,从而形成文本与表格的环绕效果。

4.2.3.2 表格内容的水平对齐

设置表格内容的水平对齐方法是:在标记符<TR>、<TH>、<TD>内使用align属性进行设置,常的取值可以是:

center 表示单元格内容居中对齐
left 表示单元格内容左对齐(默认值)
right 表示单元格内容右对齐
justify 表示内容两端对齐(有些浏览器不支持,如:IE)
4.2.3.3 表格内容的垂直对齐

设置表格内容的垂直对齐方法是:在标记符<TR>、<TH>、<TD>内使用valign属性进行设置,常的取值可以是:

top 表示数据靠单元格顶部
bottom 表示数据靠单元格底部
middle 表示数据在单元格垂直方向上居中(默认值)
4.3 使用表格设计网页布局

本节介绍表格在网页中另一个重要的应用——设计页面布局,其技术主要包括:控制表格和单元格的大小、设置表格和单元格的背景、使用嵌套表格等。

4.3.1 控制表格和单元格的大小

由于表格能将网页划分为任意大小的矩形区域,所以表格在网页中更多地是用作排版工具。通过标记符的width和height属性设置表格和单元格大小,这两个属性的取值可以是像素数,也可以是百分比。

4.3.2 设置表格和单元格的背景

在TABLE、TR、TH或TD标记符内使用bgcolor属性设置背景颜色,在TABLE、TH或TD标记符内使用bac