您正在查看 "计算机与 internet" 分类下的文章
2005-10-08 17:38
2005-10-08 17:37
八、HTML编制应用程序
只要简单的用．hta为扩展名保存HTML页面就行了，那就是一个HTML应用程序(HTML Application)了，只要双击就能运行。
格式：<HEAD>
<HTA:APPLICATION ID="oHTA" APPLICATIONNAME="myApp" BORDER="thin" BORDERSTYLE="normal" CAPTION="yes" ICON="filename.ico" MAXIMIZEBUTTON="yes" MINIMIZEBUTTON="yes" SHOWINTASKBAR="no" SINGLEINSTANCE="no" SYSMENU="yes" VERSION="1.0" WINDOWSTATE="normal">
</HEAD>
<hta：application>标签。其实就是这个标签为我们提供了一系列面向应用程序的功能。下面介绍一下属性。
1.APPLICATIONNAME
此属性用来设置HTA的名称。
2.BORDER属性
此属性用来设置HTA的窗口边框类型。默认值为 thick。它可以设为：
|
thick |
指定窗口为粗边框 |
|
dialog window |
指定窗口为对话框边框 |
|
none |
指定窗口无边框 |
|
thin |
指定窗口为窄边框 |
3.BORDERSTYLE属性
此属性设置HTA窗口的边框格式。默认值为 normal。它可以设为：
|
normal |
普通边框格式 |
|
Raised |
凸出的3D边框 |
|
static |
3D边框格式 |
|
sunken |
凹进的3D边框 |
|
complex |
凹凸格式组合边框 |
|
2005-10-08 17:35
七、表单标志
表单在Web网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互的功能。一般是将表单设计在一个Html文档中，当用户填写完信息后做提交(submit)操作，于是表单的内容就从客户端的浏览器传送到服务器上，经过服务器上的 ASP 或 CGI 等处理程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。
1.<form></form>
<form></form>标志对用来创建一个表单。<form>标志具有action、method和target属性。action的值是处理程序的程序名(包括网络路径:网址或相对路径)。method属性用来定义处理程序从表单中获得信息的方式，可取值为 GET 和 POST 的其中一个。GET方式是处理程序从当前Html文档中获取数据，然而这种方式传送的数据量是有所限制的，一般限制在1KB以下。POST方式与GET方式相反，它是当前的Html文档把数据传送给处理程序，传送的数据量要比使用GET方式的大的多。target属性用来指定目标窗口或目标帧。
2.<input type="">
|
type属性取值 |
输入区域类型 |
|
<input type="TEXT" size="" maxlength=""> |
单行文本输入区域,size与maxlength属性定义输入区域的尺寸大小与最大字数 |
|
<input type="SUBMIT"> |
将表单内容提交给服务器的按钮 |
|
<input type="RESET"> |
将表单内容全部清除，重新填写的按钮 |
|
<input type="CHECKBOX" checked> |
一个复选框,checked属性用来设置该复选框缺省时是否被选中 |
|
<input type="HIDDEN"> |
隐藏区域,用户不能在其中输入,用来预设某些要传送的信息 |
|
<input type="IMAGE" src="URL" border=""> |
使用图像来代替Submit按钮,图像的源文件名由src属性指定,用户点击后,表单中的信息和点击位置的X、Y坐标一起传送给服务器 |
|
<input type="PASSWARD"> |
输入密码的区域,当用户输入密码时,区域内将会显示"*"号 |
|
<input type="RADIO" checked > |
单选按钮类型,checked属性用来设置该单选框缺省时是否被选中 |
<input type="">标志用来定义一个用户输入区，用户可在其中输入信息。此标志必须放在<form></form>标志对之间。<input type="">标志中共提供了八种类型的输入区域，具体是哪一种类型由type属性来决定。
此外，八种类型的输入区域有一个公共的属性name，此属性给每一个输入区域一个名字。这个名字与输入区域是一一对应的，即一个输入区域对应一个名字。服务器就是通过调用某一输入区域的名字的value属性来获得该区域的数据的。而value属性是另一个公共属性，它可用来指定输入区域的缺省值。
3.<select></select> <option>
<select></select>标志对用来创建一个下拉列表框或可以复选的列表框。此标志对用于<form></form>标志对之间。<select>具有multiple、name和size属性。multiple属性不用赋值，直接加入标志中即可使用，加入了此属性后列表框就成了可多选的了；name是此列表框的名字，它与上边的name属性作用是一样的；size属性用来设置列表的高度，缺省时值为1，若没有设置(加入)multiple属性，显示的将是一个弹出式的列表框。
<option>标志用来指定列表框中的一个选项，它放在<select></select>标志对之间。此标志具有selected和value属性，selected用来指定默认的选项，value属性用来给<option>指定的那一个选项赋值，这个值是要传送到服务器上的，服务器正是通过调用<select>区域的名字的value属性来获得该区域选中的数据项的。
4.<textarea></textarea>
<textarea></textarea>用来创建一个可以输入多行的文本框，此标志对用于<form></form>标志对之间。<textarea>具有name、cols和rows属性。cols和rows属性分别用来设置文本框的列数和行数，这里列与行是以字符数为单位的。
|
2005-10-08 17:33
六、帧标志
帧是由英文Frame翻译过来的，它可以用来向浏览器窗口中装载多个Html文件。即每个Html文件占据一个帧，而多个帧可以同时显示在同一个浏览器窗口中，它们组成了一个最大的帧，也即是一个包含多个Html文档的Html文件(我称它为主文档)。
1.<frameset></frameset>
<frameset></frameset>标志对放在帧的主文档的<body></body>标志对的外边，也可以嵌在其他帧文档中，并且可以嵌套使用。此标志对用来定义主文档中有几个帧并且各个帧是如何排列的。它具有rows和cols属性，使用<frameset>标志时这两个属性至少必须选择一个，否则浏览器只显示第一个定义的帧，剩下的一概不管。rows用来规定主文档中各个帧的行定位，而cols用来规定主文档中各个帧的列定位。这两个属性的取值可以是百分数、绝对像素值或星号(“*”)，其中星号代表那些未被说明的空间，如果同一个属性中出现多个星号则将剩下的未被说明的空间平均分配。同时，所有的帧按照rows和cols的值从左到右，然后从上到下排列。
2.<frame>
<frame>标志放在<frameset></frameset>之间，用来定义某一个具体的帧。<frame>标志具有src和name属性，这两个属性都是必须赋值的。src是此帧的源Html文件名(包括网络路径,即相对路径或网址)，浏览器将会在此帧中显示src指定的Html文件；name是此帧的名字，这个名字是用来供超文本链接标志<a href="" target="">中的target属性用来指定链接的Html文件将显示在哪一个帧中。
格式：<frameset rows="*,*,*" cols="*,*,*">
此外，<frame>标志还有scrolling和noresize属性，scrolling用来指定是否显示滚动轴，取值可以是“yes”(显示)、“no”(不显示)或“auto”(若需要则会自动显示,不需要则自动不显示)。noresize属性直接加入标志中即可使用，不需赋值，它用来禁止用户调整一个帧的大小。还有marginwidth和marginheight属性，分别控制定义帧在左右、上下边缘的空白大小(必须≥1)。
3.<noframes></noframes>
<noframes></noframes>标志对也是放在<frameset></frameset>标志对之间，用来在那些不支持帧的浏览器中显示文本或图像信息。在此标志对之间先紧跟<body></body>标志对，然后才可以使用其他标志。
|
2005-10-08 17:31
五、表格标志
表格标志对于制作网页是很重要的，现在很多很多网页都是使用多重表格，主要是因为表格不但可以固定文本或图像的输出，而且还可以任意的进行背景和前景颜色的设置。
1.<table></table>
<table></table>标志对用来创建一个表格。它有以下属性：
|
属性 |
用途 |
|
<table bgcolor="#rrbbgg"> |
设置表格的背景色。 |
|
<table background="#URL"> |
设置表格背景图片，#URL代表图片地址 |
|
<table border="n"> |
设置边框的宽度，若不设置此属性，则边框宽度默认为0。 |
|
<table bordercolor="#rrbbgg"> |
设置边框的颜色。 |
|
<table bordercolorlight="n"> |
设置边框明亮部分的颜色(当border的值大于等于1时才有用)。 |
|
<table bordercolordark="n"> |
设置边框昏暗部分的颜色(当border的值大于等于1时才有用)。 |
|
<table cellspacing="n"> |
设置表格格子之间空间的大小。 |
|
<table cellpadding="n"> |
设置表格格子边框与其内部内容之间空间的大小。 |
|
<table width="n"> |
设置表格的宽度，单位用绝对像素值或总宽度的百分比。 |
|
<table align="left/right/center>" |
设置表格对齐方式 |
2.<tr></tr> <td></td>
<tr></tr>标志对用来创建表格中的每一行。此标志对只能放在<table></table>标志对之间使用，而在此标志对之间加入文本将是无用的，因为在<tr></tr>之间只能紧跟<td></td>标志对才是有效的语法，<td></td>标志对用来创建表格中一行中的每一个格子，此标志对也只有放在<tr></tr>标志对之间才是有效的，您想要输入的文本也只有放在<td></td>标志对中才有效(即才能够显示出来)。
此外，<tr>还有align和valign属性。align是水平对齐方式，取值为left(左对齐)、center(居中)、right(右对齐)；而valign是垂直对齐方式，取值为top(靠顶端对齐)、middle(居中间对齐)或bottom(靠底部对齐)。<td>具有width、colspan、rowspan和nowrap属性。width是格子的宽度，单位用绝对像素值或总宽度的百分比；colspan设置一个表格格子跨占的列数(缺省值为1)；rowspan设置一个表格格子跨占的行数(缺省值为1)；nowrap禁止表格格子内的内容自动断行。
3.<th></th>
<th></th>标志对用来设置表格头，通常是黑体居中文字。
|
2005-10-08 17:30
3.<map></map> <area>
客户端图像映射图(Client Side Image Map) 用来在图像上建立不同形状的超连接。<map></map>有name属性,用来确定地图的名字。<area>有sharp、coords、href、target四属性
格式：<img src=img.gif usemap="#MAP">
<map name="MAP">
<area shape="#" coords="#" href="url" target="#">
</map>
方形：shape=" rect" coords=" A,B,C,D"
A=左 B=上 C=右 D=下
圆形：shape=" circle" coords=" A,B,R'"
(A,B)=圆心坐标, R=半径
不规则图形：shape=" poly" coords=" A,A',B,B',C,C'... "
(A,A')=第一点坐标, (B,B')=第二点坐标, ...
4.<bgsound>
此标志插入背景音乐。
格式：<bgsound src="URL.wav" loop="n">
5.<marquee></marquee>
使文字移动。有属性direction,behavior,loop,scrollamount,scrolldelay,align,bgcolor,height,weight,hspace,
vspace。其中direction确定移动方向,可取值left,right。Bihavior确定移动方式，可取值scroll(左-右),slide(只移一次),aleernate(左-有-左)。loop确定次数，若未指定则不停止。scrpllamount确定移动速度。scrolldelay确定延时长度(走一步、听一步)。align确定对齐方式，可取值left,middle,right。bgcolor确定底色。height,weight确定大小。hspace,vspace确定空白大小。
|
2005-10-08 17:29
四、多媒体标志
1.<img>
<img>标志并不是真正地把图像给加入到Html文档中，而是将标志对的src 属性赋值，这个值是图形文件的文件名(包括路径)，这个路径可以是相对路径，也可以是网址. src属性在<img>标志中是必须赋值的，是标志中不可缺少的一部分。除此之外，<img>标志还有alt、align、border、width、haspace、vspace、name(id)和height属性。align是图像的对齐方式(left right center top middle bottom baseline texttop(文本上方) absmiddle(绝对中间) absbottom )。border属性是图像的边框，可以取大于或者等于0的整数，默认单位是像素。width和Height属性是图像的宽和高，默认单位也是像素。alt属性是当鼠标移动到图像上时显示的文本(在图片未下载时，此文本也会显示)。haspace、vspace两属性分别设置图像的竖直、水平位置。name(id)属性与连接中的用法一样。
格式：<img src="URL" alt="#" align="#" border="n" width="n" height="n">
<img>标志还可以插入视频剪辑。有属性dynsrc、start、controls、loop、loopdelay。其中dynsrc后插入视频剪辑URL。start可取fileopen(缺省)、mouseover两值，控制剪辑开始播放的条件，可同时兼有。controls用来在视频窗口下附加 MS－WINDOWS 的 AVI 播放控制条。loop设置播放的次数。loopdelay设置延时播放(单位：毫秒)
格式：<img src="URL" dynsrc="URL.avi" start="fileopen/onmouse" controls loop="n" loopdelay="n">
*src后图片为剪辑未读入时所显示的图片
2.<hr>
<hr>标志是在Html文档中加入一条水平线，具有size、color、width 、usemap和noshade属性。size是设置水平线的厚度，而width是设定水平线的宽度，默认单位是像素(也可用n%)。noshade属性不用赋值，而是直接加入标志即可使用，它是用来加入一条没有阴影的水平线(不加入此属性水平线将有阴影)。usemap在下面将会用到。
格式：<hr size="n" color="#rrggbb" width="n" noshade>
|
2005-10-08 17:25
三、链接标志
链接是Html语言的一大特色，正因为有了它，我们对内容的浏览才能够具有灵活性和网络性。
1.<a href=""></a>
本标志对的属性href是无论如何不可缺少的，标志对之间加入需要链接的文本或图像。href的值可以是URL形式，即网址或相对路径(所谓相对路径是指所要链接或嵌入到当前Html文档的文件与当前文件的相对位置所形成的路径。假如Html文件与图形文件(文件名假设是logo.gif)在同一个目录下，则可以将代码写成<img src="logo.gif">；假如图形文件放在当前的Html文档所在目录的一个子目录(子目录名假设是images)下，则代码应为<img src="images/logo.gif">；假如图形文件放在当前的Html文档所在目录的上层目录下，可用" ../ " 表示向上一目录，此标志可重复使用，直至找到连接文件。)，也可以是mailto:形式，即发送E-Mail形式。
对于第一种情况格式为 <a href="URL"></a>
对于第二种情况，格式为<a href="mailto:EMAIL"></a>，这就创建了一个自动发送电子邮件的链接，
mailto:后边紧跟想要制动发送的电子邮件的地址(即E-Mail地址)
此外，<a href="URL" target="_blank"></a>还具有target属性，此属性用来指明浏览的目标帧. 其使用与<base>中target属性一样。
2.<a name=""></a>
<a name=""></a>标志对用来在Html文档中创建一个标签，属性name是不可缺少的，它的值也即是标签名，创建标签是为了在Html文档中创建一些链接，以便能够找到同一文档中的有标签的地方。要找到标签所在地，就必须使用<a href=""></a>标志对。
格式：<a name="&">
<a href="#&"> </a>
* href属性赋的值若是标签的名字，必须在标签名前边加一个“#”号。
|
2005-08-02 09:07
7.<pre></pre>
<pre></pre>(Preformatted)标志对用来预格式化文本.可产生固定宽度的字体，同时使空格、新行、Tabs在浏览器中依然有效。有属性width，规定一行中最多允许字符数，同时通知浏览器选择一合适字体及文本编排。
8.<h1></h1>……<h6></h6>
Html语言提供了一系列对文本中的标题进行操作的标志对：<h1></h1>……<h6></h6>，即一共有六对标题的标志对。<h1></h1>是最大的标题，而<h6></h6>则是最小的标题。有属性align可取值left,right,center
justify。
9.字符格式
HTML 有针对单个字符或句子的两种风格: 逻辑风格和物理风格. 逻辑风格(Logical styles)根据文本的内容进行标记, 而物理风格(Physical styles)指明一个部分的显示效果. 如果物理风格和逻辑风格能够产生相同的效果, 为什么不和二为一呢? 在理想的 SGML 概念中, 内容和它的显示是分开的. 逻辑标签的一个优点在于它们有助于在你的文档中保持一致性.如, 对<strong>标记. 多数浏览器用粗体解释. 但是, 某个读者可能喜欢把这部分显示为红色. 逻辑风格提供了这种灵活性. 当然, 假设如果你想用斜体显示一些内容而不想受浏览器的设置的影响, 你就需要使用物理风格 . 因此，物理风格提供一种另一种一致性：在你的文档中用某种方式显示的内容在别的地方也会以同样的方式显示. 应该固定地使用某一种风格. 不过，将来的HTML可能不再支持物理风格, 这意味着浏览器将不解释物理风格的编码.
物理字体
<b> </b>(粗体) <i> </i>(斜体) <u></u>(下划线) <sup> </sup>(上标) <sub> </sub>(下标)
<s></s>(删除线) <strike> </strike>(删除线) <tt> </tt>(打字机文本typewriter text)
逻辑字体
<var> </var> 用于变量, 你将用确定的信息代替这个变量(斜体) <dfn> </dfn> 用于被定义的单词(斜体)
<cite> </cite> 用于书籍的标题,引文等(斜体) <samp> </samp> 用于字母序列，样本(固定宽度字体)
<kbd></kbd> 用于用户键盘输入(无格式固定宽度字体) <strong> </strong> 用于着重强调(粗体)
<code> </code> 用于计算机编码显示原始码(固定宽度字体) <em></em> 用于强调(斜体)
<small></small> 大字 <big> </big> 小字
10.<font></font>
<font></font>标志对可以对输出文本的字体大小、颜色和字体进行随意地改变，这些改变主要是通过对它的三个属性 size 、 color和 face 的控制来实现的。size属性用来改变字体的大小，它可以取值：-1~ -7、1~7和+1~+7；而color属性则用来改变文本的颜色，颜色的取值是十六进制RGB颜色码或Html语言给定的颜色常量名。face属性用来控制文本的字体，为了保证设置的字体能够在用户的浏览器中正常显示，可以多设几个，中间用逗号隔开。 *所设字体必须客户端已安装
格式：<font color="#" size="n" face="#,#,#...">
11.<center></center>
向中看齐,适用于文字和图片。
|
2005-08-02 09:06
二、文本标志
* 后面的标志(对)未经特别说明，均用在<body></body>之间
1.<p></p>
<p></p>标志对是用来创建一个段落(段与段之间空一行)，在此标志对之间加入的文本将按照段落的格式显示在浏览器上. <p>标志还可以使用align属性，它用来说明对齐方式
格式：<p align="left/right/center"></p> * left左对齐 center居中 right右对齐
2.<br> <nobr></nobr>
<br>是一个很简单的标志，它没有结束标志，它用来创建一个回车换行. <nobr></nobr>为强行不换行,就算浏览器大小不够，也不会换行.<br>有属性clear, 使其与图片对齐时不与图片在同一行，
格式：<br clear=all>
* 如果把<br>加在<p></p>标志对的外边，将创建一个大的回车换行，即<br>前边和后边的文本的行与行之间的距离比较大，若放在<p></p>的里边则<br>前边和后边的文本的行与行之间的距离将比较小.
3.<blockquote></blockquote>
块引用 在<blockquote></blockquote>标志对之间加入的文本将会在浏览器中按两边缩进的方式显示出来.
4.<div></div>
<div></div>标志对用来排版大块Html段落(文字分区显示)，也用于格式化表，此标志对的用法与<p></p>标志对非常相似，同样有align对齐方式属性.
5.<dl></dl>. <dt></dt>. <dd></dd>
<dl></dl>(Definition Lists 定义列表) 用来创建一个定义列表. <dt></dt>(Definition Term 定义术语) 用来标记需定义的词语.<dd></dd>(Definition Definition 定义描述) 用来标记描述需定义词语的描述语句，在形式上将另起一行以首行缩进显示. <dt></dt> .<dd></dd>必须放在<dl></dl>之间. </dt></dd>标志可省略.
6.<ol></ol>. <ul></ul>. <li></li>
<ol></ol>(Ordered Lists 有序列表)标志对用来创建一个标有数字的列表；<ul></ul>(Unnumbered Lists 无序列表)标志对用来创建一个标有圆点的列表；<li></li>(List Item)标志对只能在<ol></ol>或<ul></ul>标志对之间使用，此标志对用来创建一个列表项. 若<li></li>放在<ol></ol>之间的每个列表项加上一个数字，若在<ul></ul>之间则每个列表项加上一个圆点. </li>标志可省略.<li></li>标志对有属性type、start
格式为: <li type="#" start="##">
#=disk,circle,square (<ul></ul>中) A,a,I,I,1(<ol></ol>中)
##=number 定义序号起始值(<ol></ol>中)
|
|
| |
