BlogJava-翠湖月色-随笔分类-脚本语言及页面设计

BlogJava-翠湖月色-随笔分类-脚本语言及页面设计http://www.blogjava.net/matthew2006/category/28227.htmlNo Buddha tree at all,And bright mirror nor.Now nothing at all,How dusts any more ? zh-cnSat, 22 Dec 2007 17:50:16 GMTSat, 22 Dec 2007 17:50:16 GMT60HTML与XHTML再学习(8)http://www.blogjava.net/matthew2006/archive/2007/12/23/169666.htmlmatthewmatthewSat, 22 Dec 2007 16:06:00 GMThttp://www.blogjava.net/matthew2006/archive/2007/12/23/169666.htmlhttp://www.blogjava.net/matthew2006/comments/169666.htmlhttp://www.blogjava.net/matthew2006/archive/2007/12/23/169666.html#Feedback0http://www.blogjava.net/matthew2006/comments/commentRss/169666.htmlhttp://www.blogjava.net/matthew2006/services/trackbacks/169666.html阅读全文

matthew 2007-12-23 00:06 发表评论

]]>HTML与XHTML再学习(7)http://www.blogjava.net/matthew2006/archive/2007/12/21/169365.htmlmatthewmatthewFri, 21 Dec 2007 08:46:00 GMThttp://www.blogjava.net/matthew2006/archive/2007/12/21/169365.htmlhttp://www.blogjava.net/matthew2006/comments/169365.htmlhttp://www.blogjava.net/matthew2006/archive/2007/12/21/169365.html#Feedback0http://www.blogjava.net/matthew2006/comments/commentRss/169365.htmlhttp://www.blogjava.net/matthew2006/services/trackbacks/169365.html <frameset>标签：可以定义框架和其他框架集集合，并控制它们的间距和边框。在框架文档中使用<frameset>标签代替<body>标签，不能包括除合法的<head>和<frameset>内容之外的其他内容。
rows和cols属性：定义文档窗口中框架或则嵌套的框架集的行或列的大小及其数目。如，<frameset rows="150,300,150">将创建3行框架，每行都横贯整个文档窗口，其高依次为150,300,150像素。还可以对多个行或列属性使用星号，则相应的行或列将对可用空间进行等分。如，<frameset rows="*,100,*">
frameborder属性：显示框架的边框。
bordercolor属性：控制框架边框的颜色，接受一种颜色名或三重的十六进制作为值。
嵌套的<frameset>标签：通过在<frameset>标签内嵌套多个<frameset>标签，以创建交错的框架以及其他更加复杂的布局。
如下面的例子将创建一个两列的布局，第一列有两行，第二列有三行。
<frameset cols="50%,*">
<frameset rows="50%,*">
     <frameset src="frame1.html">
     <frameset src="frame2.html">
   </frameset>
   <frameset rows="33%,33%,*">
     <frameset src="frame3.html">
     <frameset src="frame4.html">
     <frameset src="frame5.html">
   </frameset>
</frameset>

框架文档不包含可以显示的内容，但可以显示针对无框架显示能力的浏览器的提示信息。
<frame>标签：只出现在<frameset>标签内。通过使用与它关联的src属性，可以用它来设定文本内容的url。浏览器将框架从左到右一列一列，从上到下一行行地放置在一个框架集中。因此<frame>标签在<frameset>标签中的顺序非常重要。同时将没有包含src属性的<frame>标签显示为空的框架。
src属性：提供要显示在框架中的文档的url。除此没有其他办法，不能在框架文档中包含任何<body>的内容，如果<body>标签先出现，浏览器会忽略掉框架标签，并只显示<body>标签的内容，反之也是一样。
name和id属性：可以使用name属性对该框架进行标记，以便能被<a>标签和<form>标签的target属性所引用。id属性也对框架进行唯一标识。
noresize属性：通过此属性可以冻结所有框架的相对比例。
scrolling属性：通过此属性能显式地控制滚动条的出现和消失。其值可以为：yes,no,auto。
marginheght和marginwidth属性可以修改框架的边沿和其内容之间留下的部分见隔的大小。
frameborder和bordercolor属性：可以使用frameborder属性对一个单一的框架添加或则删除边框。其值为yes或1和no或0。bordercolor属性可以修改单独的框架边框的颜色。

<noframes>标签：为不能显示框架的浏览器提供内容。只能在框架文档的最外层的<frameset>标签内部使用该标签。在该标签内部的内容不能被具有显示框架能力的浏览器显示，这些内容将会被那些不能处理框架的浏览器显示。该标签的内容可以是任何普通的主体内容。
没有专门针对<noframes>标签的属性，但可以使用16个标准属性中的任何一个。

<iframe>标签：定义一个内联标签。内联标签可以定义在一个传统的文档中，这些框架的行为与内联图像相似。此标签不是用在<frameset>标签内，相反，它可以出现在任何<img>标签可以出现的地方。它在文档中定义了一个矩形的区域，在这个区域中，浏览器会显示一个单独的文档，包括滚动条和边框。
align属性：该属性可以控制框架内联在相临的文本的什么地方，或被移到这个文档的边沿，使文本能够沿着这个框架的周围显示。
height和width属性：浏览器将内联框架的内容放入一个预先定义的150像素高300像素宽的方框。

matthew 2007-12-21 16:46 发表评论

]]>HTML与XHTML再学习(6)http://www.blogjava.net/matthew2006/archive/2007/12/20/169068.htmlmatthewmatthewThu, 20 Dec 2007 08:38:00 GMThttp://www.blogjava.net/matthew2006/archive/2007/12/20/169068.htmlhttp://www.blogjava.net/matthew2006/comments/169068.htmlhttp://www.blogjava.net/matthew2006/archive/2007/12/20/169068.html#Feedback0http://www.blogjava.net/matthew2006/comments/commentRss/169068.htmlhttp://www.blogjava.net/matthew2006/services/trackbacks/169068.html <table>标签：建立一个表格，表格元素包括：数据项，表头，标题。表格内容可以是任何东西，如，图像，表单，分隔线等。
align属性：对齐属性，有left,center,right等值。用来指定表格是靠文本流的左还是右边界，还是在表格周围环绕，或是放在中间，让文本流在上面或下面。
<table>标签的align属性和表格元素标签<tr>等的属性不一样。后者用来控制表格单元格内的文本对齐方式。
bgcolor和background属性：bgcolor属性用来为表格背景设置一个与文档背景不同的颜色。background属性提供一幅图的url，用此图填充表格的背景。
border属性：设置表格的边框，默认方式下是没有边框的。其值为一个整数值。
frame和rules属性：标准的frame属性为表格周围的行修改border效果。rules属性用来控制表格内部单元格边框的宽度。
cellspacing属性：控制表格中相临单元格的间距以及单元格外边沿和表格边沿之间的间距。
cellpadding属性：控制单元格的边沿和它的内容之间的距离，默认为一个像素。
1.border=1 cellspacing=0 会产生可能的最窄的内部和外部边框；两个像素宽。
2.border=n cellspacing=0 会产生可能的内部边界(两个像素宽),它的外部边框n+1个像素宽。
3.border=1 cellspacing=n 会产生同样的内部和外部边框，两个边沿的轮廓都有一个像素宽，整个边沿会有n+2个像素宽。
cols属性：此属性可以帮助浏览器了解表格的格式，如，几行几列。
valign属性：valign属性为整个表格的单元格中的数据设置了默认的对齐方式。其值为：top,botton,middle和baseline。
width和height属性：控制表格的宽度和高度。有相对和绝对两种赋值方法。

<tr>标签：在表格中定义新的一行。
align和valign属性：align改变一行的单元格所有内容的水平默认对齐方式。valign属性改变表格行中数据单元格的内容的垂直默认对齐方式。
bgcolor和background属性：bgcolor属性为整行设置背景颜色。其值为一个RGB值或是一个标准的颜色名称,也可以单独改变一个单元格的颜色。background属性应用一个图像作为一行的背景。
bordercolor,bordercolorlight,bordercolordark属性：设置行的边框颜色，值为一个RGB值或是一个标准的颜色名称,也可以单独改变一个单元格的颜色。

<th>和<td>标签：这两个标签会在一行中创建单元格及其内容。
align和valign属性：用法和<tr>标签中的相应属性一致。但只会影响当前单元格中的内容的对齐方式。
width属性：与<table>标签的width属性类似。
height属性：由于一行中的所有单元格高度一致，所以只用设第一列。
colspan和rowspan属性：通过这两个属性，可以把一个单元格扩展成几行几列。如，<th colspan="3" rowspan="5">
bgcolor和background属性：改变一个单独的数据单元格。用法与上面类似。
bordercolor,bordercolorlight,bordercolordark属性：改变单元格的边框颜色。

<caption>标签：定义表格的标题。
align和valign属性：控制标题的水平和垂直位置。

<thead>标签：定义表格的表头。在其中可以放置一个或多个<tr>标签，用于定义表头的行。其属性和前面的用法一样。
<tfoot>标签：为表格定义一个表注。
<tbody>标签：可以将表格分成一个单独的部分

matthew 2007-12-20 16:38 发表评论

]]>HTML与XHTML再学习(5)http://www.blogjava.net/matthew2006/archive/2007/12/19/168891.htmlmatthewmatthewWed, 19 Dec 2007 15:29:00 GMThttp://www.blogjava.net/matthew2006/archive/2007/12/19/168891.htmlhttp://www.blogjava.net/matthew2006/comments/168891.htmlhttp://www.blogjava.net/matthew2006/archive/2007/12/19/168891.html#Feedback0http://www.blogjava.net/matthew2006/comments/commentRss/168891.htmlhttp://www.blogjava.net/matthew2006/services/trackbacks/168891.html <form>标签：定义表单
action属性：说明了接收和处理表单数据的应用程序的url。如，<form action="login.do">...</form>
enctype属性：浏览器在把数据传递给服务器之前，会对表单的数据进行编码。用enctype属性可以改变编码格式，目前的编码格式：multipart/form-data和text/plain。
1.标准编码：将表单值的空格转换成+，非字母数字转换成%，后跟该字符的ASCII码的十六进制，并将多行中的换行符换成%OD%OA。
2.multipart/form-data编码：比标准编码更长，且只有<form>的method属性为post时，才能使用这种编码格式。
3.text/plain编码：只有当需要把表单数据通过电子邮件传输时，才可以使用这种编码格式。
method属性：必需的，有post和get方法两种。
1.post方法：首先，浏览器将与action属性中指定的表单处理服务器建立联系，然后按分段传输的方法将数据发送给服务器。
2.get方法：浏览器与表单处理服务器建立联系后，直接在一个传输步骤中发送所有表单数据；浏览器会将数据直接附在表单的action url之后。
target属性：将表单的结果重新指向另一个窗口。
事件属性：onSubmit和onReset。

<input>标签：在表单中创建输入元素。
传统的文本字段：type属性设置为text。size和maxlength属性控制输入显示框的长度。value属性可以为字段设置一个默认值。
掩码后的文本控件：浏览器采用掩码文本的方式保存密码和敏感字符信息。type属性设置为password，就可以创建一个掩码文本控件。
文件选择控件：type属性设置为file。accept属性可约束浏览器允许用户选择的文件类型。如果要在表单中包括一个或多个文件选择字段，必须把<form>的enctype属性设置为mulitipart/form-data，并把method属性设置为post。
复选框(checkbox)：type属性设置为checkbox。
单选按钮(radio button)：与复选框行为相似，但只能选择其中一个值。type属性设置为radio。name和value是必需的属性，cheched属性如果设置了值，表示该按钮在开始就处在选中状态。
提交按钮：type属性为submit，会启动将数据提交给服务器的过程。
重置按钮：type属性为reset,清除或设置某些默认值。
隐藏字段：type属性为hidden，是一种向表单中嵌入信息的方法。

<button>标签：在表单中创建一个按钮控件。
type属性：定义按钮的动作，submit,reset或button。

<textarea>标签：在文本框里创建多行文本，提交表单后，浏览器将行中的文字收集起来，行间用"%OD%OA"分隔。
rows和cols属性：设置可视矩形区域的维数。
wrap属性：设置该属性的值为physical，文本输入区实行自动换行。

<select>标签：创建单选或多选菜单。
multiple属性：假如该属性后，可以允许选择多个选项。
size属性：决定用户一次可以看到多少个选项。

<option>标签：定义一个<select>表单控件中的每个条目。其内容只能是纯文本。
value属性：为每个选项设置一个值。如果没有设置该属性，选项的值将被设置为<option>标签的内容。
如，<option value=Dog>Dog ; <option>Dog 这两者具有同样的值。
selected属性：可以预先选定一个或多个选项。

<optgroup>标签：如果选项菜单非常长，可以有此标签将一些相关的选项分组。只能在<select>标签中使用此标签。

<label>标签：为表单元素创建标记。分显式和隐式两种，如，
<lable for="ssn">Social Security Number:</label>
<input type="text" name="Soc" id="ssn">
<lable>Date of birth:<input type="text" name="dofb"></label>
第一个是显式，第二个是隐式。

创建有效的表单：
1 浏览器约束：确保表单能最大程度地帮助用户正确输入数据。充分为表单做说明，解释如何填写表单。
2 处理受限制的显示：让表单能自然滚动，避免太宽的输入元素。
3 用户界面考虑：输入元素应该按照逻辑组别组织起来。
4 创建流动的表单：不要在询问用户姓名之前询问地址信息。

matthew 2007-12-19 23:29 发表评论

]]>HTML与XHTML再学习(4)http://www.blogjava.net/matthew2006/archive/2007/12/18/168579.htmlmatthewmatthewTue, 18 Dec 2007 12:34:00 GMThttp://www.blogjava.net/matthew2006/archive/2007/12/18/168579.htmlhttp://www.blogjava.net/matthew2006/comments/168579.htmlhttp://www.blogjava.net/matthew2006/archive/2007/12/18/168579.html#Feedback0http://www.blogjava.net/matthew2006/comments/commentRss/168579.htmlhttp://www.blogjava.net/matthew2006/services/trackbacks/168579.html 样式是一个规则，告诉浏览器如何表现特定的HTML标签中的内容。样式与标签结合的方式有三种：内联样式表，文档级样式表，外部样式表。

内联样式表：最简单的方式，只需在标签中包含一个style属性。如，<h2 style="color:blue;font-style:italic">Look!</h2>
文档级样式表:将样式表放在<head>内的<style>标签和</style>结束标签之间，就会影响文档中所有相同标签的内容；但含有内联style属性的标签除外。
如，
<head>
<style type="text/css">
h1(color:blue;font-style:italic)
</style>
</head>
<body>
<h1>this is a example.</h1>
<h1>this is another example.</h1>
</body>
type属性：级联样式表的类型为text/css；JavaScript样式表为text/javascript。
media属性：让浏览器了解表现文档的最佳方式。默认值为screen(计算机显示器),还有tv(电视),handheld(PDA)等。如，<style type="text/css" media="screen,handheld">，表示在计算机显示屏和PDA设备上都要使用CSS显示文档。

外部样式表：分离样式表和文档的内容。这样同一个样式表就可以应用于多个文档中。有两种方法引入外部样式表：链接和引入。
链接方式：在<head>标签中使用<link>标签。如，
<head>
<link rel=stylesheet type="text/css" href="http://www.kunming.com/styles/gen.css">
</head>
引入方式：在<style>标签中使用一个特殊命令at。如，
<head>
<style type="text/css">

</style>
</head>

样式类
1 常规类：定义段落样式。如，
<style type="text/css">

</style>
以上定义了三种段落样式，然后在应用时：
<p class=abstract>first style.</p>
<p class=equation>a-b+1</p>
<p class=centered>another style</p>

一般类：定义类时，不与某个特殊标签关联起来，而有选择的把该类应用到整个文档的多个标签中。
如，.italic {font-style:italic}。创建了一个italic的类，应用时只要把名称包括在class属性里面就可以。如，<p class-italic>或<h3 class=italic>。

ID类：几乎所有html标签都支持id属性。创建类时，需要在类名前使用"#"而不是"."。如，
<style>

</style>
在文档中，使用同样的id属性来应用样式。如，<h1 id=blue>。由于HTML标准规定，每一个标签的id属性值必须是唯一的。所以创建带有id属性的样式表的方法不推荐使用。

伪类：为特定的标签状态定义显示样式。方法与常规类相似，但区别有：1 连接到标签名时使用的是冒号而不是句号。2 有预先定义好的名称，不能随便给其取名。
超链接伪类：:link(未访问),active(正被访问),a:visited(访问过的)。如，
a.link(color:blue)
a.active(color:red; font-weight:bold)
a.visited(color:green)
交互左右伪类：与用户动作有关。如，a:hover{color:yellow}表示当鼠标指向它时会边成黄色。a:focus允许在元素变成专注对象时改变其样式。
混合类：把伪类名追加到选择符的类名后，就可以混合使用伪类和常规类。

样式属性
属性值：关键字，长度值，百分比值，url，颜色，角度，时间和频度。
属性继承：标签中的属性及其值都是从父标签那里继承而来。如<body>标签设置了属性后，实际会把该属性应用到文档主体部分的所有标签上。

matthew 2007-12-18 20:34 发表评论

]]>HTML与XHTML再学习(3)http://www.blogjava.net/matthew2006/archive/2007/12/18/168380.htmlmatthewmatthewMon, 17 Dec 2007 19:23:00 GMThttp://www.blogjava.net/matthew2006/archive/2007/12/18/168380.htmlhttp://www.blogjava.net/matthew2006/comments/168380.htmlhttp://www.blogjava.net/matthew2006/archive/2007/12/18/168380.html#Feedback0http://www.blogjava.net/matthew2006/comments/commentRss/168380.htmlhttp://www.blogjava.net/matthew2006/services/trackbacks/168380.html链接和Web
<a>标签：定义文本流内的锚
href属性：指定超连接目标的url，其值可以是任何有效文档的相对或决定url，包括片段标识符和javascript代码。
name和id属性：可以利用这两个属性在文档中创建片段标识符。其值可以是用引号引起来的任何字符串，且在同一文档中惟一。
如：
<h2><a name="running">running!name</a></h2>
<h2><a id="running">running!id</a></h2>
然后在连接处：
<a href="guide.html#running">即可。
charset属性：指定作为链接目标的文档中所使用的字符编码。
type属性：指定<a>标签调用的源的内容类型。

<base>标签：为文档的其他锚定义基本url。此标签应只出现在文档的头部，而不应该出现在文档的主体内容中。
href属性：其值为一个有效的url，浏览器使用该值定义文档中出现的相对url。

<link>标签：定义当前文档与其他文档间的关系。只能在head内容里面。
href属性：指定目标标签的url。
rel和rev属性：用来表示源文档与目标文档之间的关系。
type属性：提供被链接文档的MIME内容类型。
如，<link href="styles/classic.css" rel=stylesheet type="text/css">表示在文档的head中创建一个到外部样式表的链接。

<meta>标签：提供文档的附加信息。
name属性：提供了由<meta>标签定义的名称/值对中的名称。如果希望文档可以进入搜索引擎的索引中，就可以在每个文档的<head>中放置<meta>标签。
如，<meta name="keywords" content="kunming,cooking,people">
content属性：提供名称/值对中的值。

格式化列表
无序列表:<ul>标签
其中以<li>标签来的定义一个条目，浏览器一般会在每一个条目前加一个项目符号。
如，
This is a unsort table
<ul>
   <li>book</li>
   <li>food</li>
   <li>computer</li>
</ul>
type属性：定义条目前的项目符号，值有：disc,circle和square。
style属性：可以通过这个属性允许用自己的图表图像作为项目符号。
lang,dir属性：lang属性允许指定在列表中使用的语言；dir属性告诉浏览器文本的显示方向。
有序列表:<ol>标签
浏览器会设置与无序列表类型相似的外观，唯一不同的是列表条目前加的是编号，不是项目符号。
如，
This is a sort table
<ol>
   <li>book</li>
   <li>food</li>
   <li>computer</li>
</ol>
start属性：允许改列表条目的初始值。浏览器默认从1开始编号。
type属性：改变列表条目的编号样式。其值：A代表大写字母，a代表小写字母，I代表大写罗马数字，i代表小写罗马数字。
其他属性和无序列表基本功能一样。

<li>标签：定义有序，无序列表或目录，菜单列表中的条目
type属性：与相应列表类型的值相同。但只会该变该项，不会改变编号的值。
如，
<ol>
     <li type=A>many books </li>
     <li type=I>lots of pictures</li>
     <li type=i>some computers</li>
     <li type=a>much more money</li>
     <li type=A>many students</li>
</ol>
value属性：可以改变特定列表条目的编号，会影响其后所有条目的编号。
style和class属性：style属性可以为标签内包含的元素创建内联样式，而覆盖其他任何有效的样式规则；class属性允许按预先定义的类格式化内容。

嵌套无序列表：在嵌套无序列表的条目前，浏览器会用不同的项目编号来显示不同的层次效果。如，空心圆点，实心圆点，方块。
例如：
<ul>
   <li>11111</li>
   <ul>
      <li>2222</li>
      <li>3333</li>
      <ul>
         <li>44444</li>
         <li>55555</li>
      </ul>
       <li>66666</li>
   </ul>
</ul>
嵌套有序列表：浏览器默认从数字1开始对条目编号。但，可以通过type和value属性，创建分级结构的嵌套有序列表。
如，
<ol>
     <li type=A>many books </li>
     <li type=I>lots of pictures</li>
     <li type=i>some computers</li>
     <li type=a>much more money</li>
     <li type=A>many students</li>
</ol>
value属性：可以改变特定列表条目的编号，会影响其后所有条目的编号。
style和class属性：style属性可以为标签内包含的元素创建内联样式，而覆盖其他任何有效的样式规则；class属性允许按预先定义的类格式化内容。

嵌套无序列表：在嵌套无序列表的条目前，浏览器会用不同的项目编号来显示不同的层次效果。如，空心圆点，实心圆点，方块。
例如：
<ol type="A">
   <li>11111</li>
   <ol type="i">
      <li>2222</li>
      <li>3333</li>
      <ol type="a">
         <li>44444</li>
         <li>55555</li>
      </ol>
       <li>66666</li>
   </ol>
<li>777777</li>
</ol>
定义列表：<dl>标签。其条目可以是带有文本，图片和其他煤体的元素。
定义列表的每个条目由两部分组成：术语和其后的定义或解释。
每一项的名称使用<dt>标签而不用<li>标签，其后的解释用<dd>标签标记。
如，
<h3>this is a example</h3>
<dl>
   <dt>computer</dt>
   <dd>just a tool for people.</dd>
   <dt>food</dt>
   <dd>every one needed.</dd>
</dl>
正确的列表用法
无序列表主要用于：链接集合，简短无序的文本组，需要强调的地方。
有序列表主要用于：目录，指令序列，文本的连续段落集合。
定义列表用于：术语表，字定义的项目符号，任何名称/值形式的列表。
目录列表：<dir>标签
功能与无序列表一样，也要使用<li>标签。
菜单列表：<menu>标签
也与无序表相似。不推荐使用了。

matthew 2007-12-18 03:23 发表评论

]]>HTML与XHTML再学习(2)http://www.blogjava.net/matthew2006/archive/2007/12/18/168379.htmlmatthewmatthewMon, 17 Dec 2007 18:50:00 GMThttp://www.blogjava.net/matthew2006/archive/2007/12/18/168379.htmlhttp://www.blogjava.net/matthew2006/comments/168379.htmlhttp://www.blogjava.net/matthew2006/archive/2007/12/18/168379.html#Feedback0http://www.blogjava.net/matthew2006/comments/commentRss/168379.htmlhttp://www.blogjava.net/matthew2006/services/trackbacks/168379.html bgcolor属性：改变浏览器窗口的默认颜色。
background属性：在文档背景中放置一个图像，其值是一个图像的url。通常选择小而暗淡的图像来创建一个背景图案。
bgproperties属性：把背景图像冻结在浏览器窗口中，这样使得图像不会随窗口变化而变化。其值只有一个fixed。
text属性：设置整个文档中所有无连接文本的颜色。最好选择与背景颜色对比鲜明的文本颜色。
link vlink alink属性：控制文档中超文本的颜色。link属性决定用户还没有点击过的所有超连接的颜色。vlink属性设置用户已经点击过的所有连接的颜色，alink属性定义激活连接文本的颜色。

背景音乐 <bgsound>标签：
功能：可以设置背景音乐，但只适合IE文档，其他浏览器可能会忽略这个标签。
src属性：指定相关音乐文件的url。
loop属性：重复播放的次数，或者infinite表示无限次。

活动文字 <marquee>标签：定义显示屏幕中滚动的文字，但该标签只适合IE。
align属性：定义其与周围文字的对齐方式。
behavior direction loop属性：定义字幕滚动的样式，方向和持续时间。 bgcolor属性：设置字幕的背景颜色。
height和width属性：决定字幕区域的大小。
hspace和vspace属性：用来在字幕和周围文字之间流出间距。
scrollamount和scrolldelay属性：控制字幕的速度和平滑度。

matthew 2007-12-18 02:50 发表评论

]]>HTML和XHTML再学习(1)http://www.blogjava.net/matthew2006/archive/2007/12/16/168091.htmlmatthewmatthewSun, 16 Dec 2007 10:15:00 GMThttp://www.blogjava.net/matthew2006/archive/2007/12/16/168091.htmlhttp://www.blogjava.net/matthew2006/comments/168091.htmlhttp://www.blogjava.net/matthew2006/archive/2007/12/16/168091.html#Feedback0http://www.blogjava.net/matthew2006/comments/commentRss/168091.htmlhttp://www.blogjava.net/matthew2006/services/trackbacks/168091.html

<hr>标签

功能：打断文本流并插入一条分隔线

size属性：可以加粗分隔线。如，<hr size=12>。12为像素。浏览器默认为2-3个像素

width属性：缩短或者加长分隔线的长度。默认的分隔线会横跨整个窗口。其属性值有相对和绝对两种，推荐使用相对值的方式。

如，<hr width=12>和<hr width="12%">

align属性：控制分隔线的对齐方式：left,center,right.

color属性：设置分隔线的颜色，只被IE支持，而且会失去3D效果。

GIF(Graphic Interchange Format)图形交换格式

1.其编码技术在很多平台上都可以使用。

2.使用了一种特殊的压缩技术，可以显著减小图像文件的大小，从而可以在网络上更快的进行传输。

3.无损压缩。

4.容易实现动画效果。

GIF图像的三个技巧：

1.隔行扫描-可以使图像在屏幕上一下子显现出来，而不是从上到下逐步显示。

2.透明效果-让图像的部分显示透明效果。

3.逐帧动画-不需要为HTML文档编写动画程序就可以实现简单的动画，但是这样的GIF文件就会变大。

JPEG(Joint PhotograPhic ExPerts Group)联合图像专家组

JPEG拥有比GIF多得多的颜色，压缩效果更好。当然会损失一些图像数据。

改善由图像带来的负载和延迟问题：

保持简单性-通过图片管理工具优化图像的尺寸，将颜色的树木减少到最少的像素数。

重复利用图像-大多浏览器会在本地存储器把引入的文档成分进行缓存，这样获得数据会更快，使用网络连接会更少。

分割大文档-一条好经验是把每个文档保持在50K左右，这样用户即使使用的是很慢的连接也不会引起厌烦的感觉。

必要地隔离大图形-为很大的图像提供一个图形的缩略图，让用户决定是否花时间下载整个图像。

指定图像的尺寸-通过在标签里面指定图像的尺寸，可以让浏览器不必再计算图像在文档中的尺寸。

<img>标签

功能：在文档中插入一个图片。

sre属性：必需的，指出图像的地址。

alt属性：指定了图像的替代文本，用于在图像无法显示或用户禁用图像显示时，代替图像显示的内容。虽然是可选属性，但是强烈建议为每个图像加入alt属性。因为即使下载不了图像，用户也可以借此知道图像的相关信息，而且对于残疾人士来说这是他们了解图像内容的唯一方式。alt属性值是一个最多可以包括1024个字符的字符串。

border属性：控制图像的边框大小。

hspace和vspace属性：可以以像素为单位，指定图像左右，上下文字与图像之间的间距。

matthew 2007-12-16 18:15 发表评论

]]>