HTML <fieldset> 标签的应用

九月 28, 2008 作者:FDS   类别:HTML 已经有783次浏览

定义和用法

fieldset 元素可将表单内的相关元素分组。
<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。<fieldset> 标签没有必需的或唯一的属性。
当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。

在介绍一个和fieldset里面常使用的标签legend,它用来表示fieldset的标题。具体里请看以下示例。

提示:你可以先修改部分代码再运行。

思科认证网络工程师

九月 19, 2008 作者:FDS   类别:计算机考试 已经有170次浏览

  思科认证网络工程师(Cisco Certified Network Associate)

  CCNA认证

  您想学习如何安装、配置及维护简单的网络吗?您想增长您的知识,检验您的技术,或提高您的价值吗?CCNA(思科认证网络支持工程师)的学习将是您通向专业认证道路的第一步。

  认证的基本技能

  CCNA证明个人网络技能的基础水平。凡通过考试者均可获得思科授予的CCNA证书并能在名片上使用CCNA标记。

  CCNA分为两大块:

  ★路由和交换

  ★广域网交换

  注:关于广域网交换,详情请登陆www.cisco.com/certifications

  为帮助应考者准备考试,思科学习合作伙伴提供以下服务:

  ·导师授课和在线培训

  ·在线论坛

  ·通过因特网远程实验室提高实验动手能力

  思科网上学院计划也为高中生及大学生提供CCNA培训。自学材料可在思科学习书店找到。

  CCNA认证的益处

  概而言之,思科认证能证明证书持有人的成就,通过认证高水准的专业技术以增强其专业权威的可信度。CCNA主要是针对小型办公室、家庭办公市场及因特网少于100节点的小型商业或组织。

  CCNA的专业技能:

  ·利用局域网和广域网的接口安装和配置多协议网络中的思科交换机和路由器

  ·提供初级的排除故障服务

  ·提高网络的性能和安全

  CCNA的职位包括:

  ·客户服务助理工程师

  ·专业领域技术员

  ·初级系统工程师

  ·初级系统集成工程师

  通向思科认证之路

  1.如有必要,请从基地获取帮助如果您是初学者,请同思科学习合作伙伴或思科网络学院联系

  2.考试前的准备工作互联思科网络设备(ICND)是专为CCNA应考者准备的教材。可在学习站点查到课程介绍及课程目标。

  3.决定您的学习需求了解学习ICND所需具备的前提条件

  4.自学打下学习基础可在学习站点的思科学习书店买到思科连接培训CD (ITM CD),用以熟悉相关术语、协议及设备

  5.在线培训和导师授课培训中培养技能了解ICND的在线培训和导师授课情况,并选择适合您的教学方式,可在学习站点上找到一家思科学习合作伙伴得到相关服务

  6.参加CCNA考试可在认证站点查到相关考试信息,即可在线注册参加安全环境下的模拟考试。凡通过考试者均可获得CCNA证书并能在名片上使用CCNA标记。

HTML <noscript> 标签的作用

九月 18, 2008 作者:FDS   类别:HTML 已经有1,041次浏览

noscript 元素用来定义在脚本未被执行时的替代内容(文本)。此标签可被用于可识别 <script> 元素用来定义在脚本未被执行时的替代内容(文本)。 标签但无法支持其中的脚本的浏览器。如果浏览器支持脚本,则不会显示noscript 标签的内容。
noscript标签使用示例:

提示:你可以先修改部分代码再运行。

HTML <base> 标签的应用

九月 17, 2008 作者:FDS   类别:HTML 已经有721次浏览

base 元素可规定页面中所有链接的基准 URL,也就是说,定义如何打开,没有定义打开方式的链接。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
例子:

提示:你可以先修改部分代码再运行。

利用JAVASCRIPT让IFRAME框架的高度自适应

九月 1, 2008 作者:FDS   类别:JAVASCRIPT 已经有661次浏览

页面内嵌不同的网页内容时,导致iframe的高度无法与实现内容或浏览器高度相匹配。窗口大小变换时,不能iframe不能进行自动调整。这里,我们利用JAVASCRIPT让IFRAME框架的高度自适应。

首先,写出如下的JS方法。

/**
 * 内嵌页面的高度设置
 */
function handleFrameLoad() {
 var hDoc = getBodyHeight(document);
 var tblmain =  document.getElementById('tblMain');
 var mFrame = window.mainFrame;
 var hFrameDoc = getFrameHeight(mFrame);
 var hTable = hDoc-80; //减去该页面除iframe外其他控件所占的高度.
 if(hFrameDoc > hTable) hTable = hFrameDoc;
 tblmain.style.height = hTable;
 mFrame.height = hTable;
 if(window.mainFrame.moduleRight != null){
    //表示该内嵌页,包含内嵌的页面,页iframe的id固定为moduleRight。
    initFrameHeight(mFrame,hTable);
 }
}

/**
 * 获取当前页面的高度
 */
function getBodyHeight(doc){
  if(doc.all) return doc.body.offsetHeight;
  else return doc.body.scrollHeight;
}

/**
 * 获取内嵌页中的高度.
 * 若另含子内嵌(moduleRight)页时,应考虑该页面的高度.
 */
function getFrameHeight(mFrame){
  var h1 = mFrame.document.body.offsetHeight;
  var h2 = mFrame.document.body.scrollHeight;
  if(mFrame.moduleRight != null){
      var h3 = mFrame.moduleRight.document.body.scrollHeight;
    if(h3 > h2) h2 = h3;
  }
  return h2;
}

/**
 * 设置子内嵌页面的高度.
 * 通过设置iframe所在table的高度来调整。
 */
function initFrameHeight(frame,hFrame){
  var tbl = frame.document.getElementById('tblMainFrame');
  tbl.style.height = hFrame;
}

 
主页面,在加载完毕(onload)、窗口大小调整(onresize),以及iframe的加载完毕时,需调用:handleFrameLoad,代码如下:

<html>
  <body onload="handleFrameLoad();" onResize="handleFrameLoad();">
  <iframe src="" id="mainFrame" name="mainFrame" border=0 width=100% height=100% frameborder="0" marginwidth="0" hspace="0" scrolling="no" onload="handleFrameLoad();"/>
  </body>
</html

其他内嵌页如下(注:此处的iframe高度设为100%,其高度由父页面通过设置table<tblMainFrame>的高度来进行调整):


<html>
  <body class="body" style="overflow:hidden;margin:0px;padding:0px">
    <table width="100%" height="100%" id="tblMainFrame" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td id='content' height=100%>
          <iframe src="about:blank" width="100%" height="100%" name="moduleRight" id="moduleRight" frameborder="0" hspace="0"/>
        </td>
      </tr>
    </table>
  </body>
</html>