HTML练习

HTML标签解释

  • <fieldset> 标签 : fieldset 元素可将表单内的相关元素分组。所有浏览器都支持 <fieldset> 标签。----示例一
  • 在标签中可以定义多个class;  ---示例二

 

示例一:

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高:<input type="text" />
    体重:<input type="text" />
  </fieldset>
</form>

 示例二 :

<input type="text" class="Class1 Class2"/>    ---多个class中间加空格。

 

调试方法及工具:

  1. firebug ---firefox 浏览器专用
    • console.info("这是info");

    • console.debug("这是debug");

    • console.warn("这是warn");

    • console.error("这是error");

    • console.log("%d年%d月%d日",2011,3,26);   ---占位符

    • console.log("圆周率是%f",3.1415926);

    • console.group()和console.groupEnd()。  ---分组显示
    • console.dir()可以显示一个对象所有的属性和方法。
    • console.dirxml()用来显示网页的某个节点(node)所包含的html/xml代码。
    • console.assert()用来判断一个表达式或变量是否为真。如果结果为否,则在控制台输出一条相应信息,并且抛出一个异常。
    • console.trace()用来追踪函数的调用轨迹。
    • console.time()和console.timeEnd(),用来显示代码的运行时间。
    • 性能分析(Profiler)就是分析程序各个部分的运行时间,找出瓶颈所在,使用的方法是console.profile()。
  2. js调试功能我觉得挺好用的,F12进入,选择脚本栏,打断点,然后启动调试 F10 单步跳过、F11单步进入,F5等等,右侧还可监测变量 ---IE浏览器
  3. 用alert  调试js

  HTML元素dl,dt,dd:

 dl —— define list——定义列表 

  dt —— define list title —— 用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。注意:其中不能包含 hx 元素。 

  dd —— define list define —— 用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解释。 

  dl 列表中有较为强烈的“描述”、“解释”、“补充”意义。 dt 和 dd 有明显的逻辑关系,dd 从属于 dt,dd 中的内容是对 dt 的“描述”、“解释”、“补充”。另外,dd 之间虽然是平行关系,但是其描述的内容是多角度的,不同于单纯的 li。 

  例如: 

  <dl> 

    <dt>JavaScript权威指南</dt

    <dd>出版社:xxx</dd> 

    <dd>ISBN: xxx</dd> 

    <dd>售价:xxx</dd> 

  </dl>

 

  <ul> 

    <li>JavaScript权威指南</li> 

    <li>JavaScript Dom 高级程序设计</li> 

    <li>ppk 谈 JavaScript</li> 

  </ul>

posted on 2014-05-29 03:02  lbsf  阅读(153)  评论(0编辑  收藏  举报

导航