EEDU Blog: 博客 ·  资讯 ·  论坛 ·  留言
登录 新用户? 注册   |  

ahaoxie's blog

订阅博客:

环境生态网站长

html

兼容各种浏览器的FLASH播放代码

该代码在IE、FireFox、Chrome下测试都通过,既简单又实用。

<object type="application/x-shockwave-flash" data="test.swf" width="550" 
height="400" id="test"><param name="movie" value="test.swf"/>
</object>
发表于: 2010-08-06 15:54 | 全文(查看: 55) | 评论(0) | 本文地址 | 收藏 
分类: html(6)   标签: flash  新知  

HTML应用程序(HTA)

  HTA是HTML Application的缩写(HTML应用程序),是软件开发的新概念,直接将HTML保存成HTA的格式,就是一个独立的应用软件,与VB、C++等程序语言所设计的软件没什么差别。
  下面是一个HTA的例子:
  <!—example1.hta-->
  <html>
  <head>
  <title>第一个HTA的例子</title>
  <style>
  p {font-size:24;cursor:hand}
  </style>
  </head>
  <body>
  <center>
  <p>
  HTA
  HTML Application
  HTML应用程序
  </p>
  </center>
  </body>
  </html>
  把上面的代码复制到任意文本编辑器中,然后保存为*.hta,直接双击就可以看到效果。
  HTA与普通的网页结构差不多,所以设计出来很容易,当然HTA还有许多自己独特的属性:
  1、HTA对语法的要求比HTML还要松,甚至连<html>、<body>等标记都可以省略:
  <!—example2.hta?
  送别
  王维
  下马引君酒,问君何所之。
  ……
  注意:上面就是整个HTA文件的全部代码。
  2、HTA的外观
  可以用<HTA:Application>来设定HTA应用程序的外观,如标题栏、边框大小等,必须放在<head>中。
  <!—example3.hta-->
  <html>
  <head>
  <title>第一个HTA的例子</title>
  <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"
  scroll="yes">
  </head>
  <body>
  <center>
  HTA
  HTML Application
  HTML应用程序
  <button onclick=”self.close()” style=”font-size:18”>离开</button>
  </center>
  </body>
  </html>
  属性说明:
  APPLICATIONNAME属性(applicationName)
  此属性为设置HTA的名称。
  BORDER属性(border)
  此属性为设置为HTA的窗口边框类型,默认值为 thick。
  它可以设为 thick 指定窗口为粗边框
  dialog window 指定窗口为对话框
  none 指定窗口无边框
  thin 指定窗口为窄边框
  BORDERSTYLE属性(borderStyle)
  此属性为设置HTA窗口的边框格式,默认值为 normal。
  它可以设为
  normal 普通边框格式
  complex 凹凸格式组合边框
  raised 凸出的3D边框
  static 3D边框格式
  sunken 凹进的3D边框
  CAPTION属性(caption)
  此属性为设置HTA窗口是否显示标题栏或标题,默认值为 yes。
  ICON属性(icon)
  此属性为设置应用程序的图标。
  MAXIMIZEBUTTON属性(maximizeButton)
  此属性为设置是否在HTA窗口中显示最大化按钮,默认值为 yes。
  MINIMIZEBUTTON属性(minimizeButton)
  此属性为设置是否在HTA窗口中显示最小化按钮,默认值为 yes。
  SHOWINTASKBAR属性(showInTaskBar)
  此属性为设置是否在任务栏中显示此应用程序,默认值为 yes。
  SINGLEINSTANCE属性(singleInstance)
  此属性为设置是否此应用程序同时只能运行一次。次属性以APPLICATIONNAME属性作为标识,默认值为 no。
  SYSMENU属性(sysMenu)
  此属性为设置是否在HTA窗口中显示系统菜单,默认值为 yes。
  VERSION属性(version)
  此属性为设置应用程序的版本,默认值为空。
  WINDOWSTATE属性(windowState)
  此属性为设置HTA窗口的初始大小,默认值为 normal。
  它可以设为 normal 默认大小
  minimize 最小化
  maximize 最大化
  SCROLL属性(Scroll)
  此属性为设置是否在右端显示竖向滚动条,默认值为 yes
发表于: 2009-12-16 23:40 | 全文(查看: 264) | 评论(0) | 本文地址 | 收藏 
分类: html(6)   标签: 新知  

ul li 属性的小记

list-style-type的用法

语法:
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin


取值:
disc : CSS1 默认值。实心圆
circle : CSS1 空心圆
square : CSS1 实心方块
decimal : CSS1 阿拉伯数字
lower-roman : CSS1 小写罗马数字
upper-roman : CSS1 大写罗马数字
lower-alpha : CSS1 小写英文字母
upper-alpha : CSS1 大写英文字母
none : CSS1 不使用项目符号
armenianl : CSS2 未支持。传统的亚美尼亚数字
cjk-ideographic : CSS2 未支持。浅白的表意数字
georgian : CSS2 未支持。传统的乔治数字
lower-greek : CSS2 未支持。基本的希腊小写字母
hebrew : CSS2 未支持。传统的希伯莱数字
hiragana : CSS2 未支持。日文平假名字符
hiragana-iroha : CSS2 未支持。日文平假名序号
katakana : CSS2 未支持。日文片假名字符
katakana-iroha : CSS2 未支持。日文片假名序号
lower-latin : CSS2 未支持。小写拉丁字母
upper-latin : CSS2 未支持。大写拉丁字母

LI代码的格式化:

A).运用CSS格式化列表符:

ul li{ 
list-style-type:none;
}

B).如果你想将列表符换成图像,则:

ul li{ 
list-style-type:none;
list-style-image: url(images/icon.gif);
}

C).为了左对齐,可以用如下代码:

ul{ 
list-style-type:none;
margin:0px;
}

D).如果想给列表加背景色,可以用如下代码:

ul{ 
list-style-type: none;
margin:0px;
}
ul li{
background:#CCC;
}

E).如果想给列表加MOUSEOVER背景变色效果,可以用如下代码:

ul{ list-style-type: none; margin:0px; }
ul li a{ display:block; width: 100%; background:#ccc; }
ul li a:hover{ background:#999; }

说明:display:block;这一行必须要加的,这样才能块状显示!

F).LI中的元素水平排列,关键FLOAT:LEFT:

ul{
list-style-type:none;
width:100%;
}
ul li{
width:80px;
float:left;
}

发表于: 2009-10-11 17:08 | 全文(查看: 125) | 评论(0) | 本文地址 | 收藏 
分类: html(6)   标签: 新知  

HTML注释

  在客户端显示一个注释.
  JSP 语法
  <!-- comment [ <%= expression %> ] -->
  例子 1
  <!-- This file displays the user login screen -->
  在客户端的HTML源代码中产生和上面一样的数据:
  <!-- This file displays the user login screen -->
  例子 2
  <!-- This page was loaded on <%= (new java.util.Date()).toLocaleString() %> -->
  在客户端的HTML源代码中显示为:
  <!-- This page was loaded on January 1, 2000 -->
  描述
  这种注释和HTML中很像,也就是它可以在"查看源代码"中看到.
  唯一有些不同的就是,你可以在这个注释中用表达式(例子2所示).这个表达示是不定的,由页面不同而不同,你能够使用各种表达式,只要是合法的就行。

  另外,在asp/asp.net中的注释如下:

  ASP(VBSCRIPT):'||               (JAVASCRIPT):/**/           //   
    
  ASP.NET:(C#):/**/           //   
    
  ASP.NET:(VB.NET):'  
发表于: 2009-05-27 09:28 | 全文(查看: 27) | 评论(0) | 本文地址 | 收藏 
分类: html(6)   标签: html  新知  

编辑器的格式设置

环境生态网

文字样式

代码模式:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
发表于: 2009-05-25 16:04 | 全文(查看: 45) | 评论(0) | 本文地址 | 收藏 
分类: html(6)   标签: 网页  

网页跳转(Refresh)的方法

老同学正在学习HTML,发了一组网页代码给我,请我查看他的代码哪里出错。

他在网上看了关于网页跳转的方法,写下了如下一段代码:

<meta http-equiv=" Refresh" content="5";url="http://www.abc.com">
粗看这段代码,并没有发现有什么不妥,但还是实现不了。仔细查看一下这段代码才发现:原来问题出在content属性中。在数字“5”和“url=”后边各写多了" (英文双引号)。正确的写法是:

<meta http-equiv=" Refresh" content="5;url=http://www.abc.com">
即跳转的时间和需要转向的网址都包括中content属性设置中,更正后执行,OK,跳转成功!
发表于: 2009-05-25 15:25 | 全文(查看: 171) | 评论(0) | 本文地址 | 收藏 
分类: html(6)   标签: 新知  html  
Page was generated in 15 milliseconds