BlogJava-wufang5-文章分类-HTML\CSShttp://www.blogjava.net/wufang5/category/35980.html认识自己，降伏自己，改变自己，才能改变别人。zh-cnFri, 14 Nov 2008 13:36:50 GMTFri, 14 Nov 2008 13:36:50 GMT60HTML-->基础知识http://www.blogjava.net/wufang5/articles/240597.html懒虫懒虫Fri, 14 Nov 2008 12:27:00 GMThttp://www.blogjava.net/wufang5/articles/240597.htmlhttp://www.blogjava.net/wufang5/comments/240597.htmlhttp://www.blogjava.net/wufang5/articles/240597.html#Feedback0http://www.blogjava.net/wufang5/comments/commentRss/240597.htmlhttp://www.blogjava.net/wufang5/services/trackbacks/240597.html    不经常使用或者已经遗忘的HTML标签
    
1、关于缩写的标签：
  <abbr title="United Nations">UN</abbr>
 在某些浏览器中，当您把鼠标移至缩略词语上时，title 可被用来展示表达的完整版本。
  
  <acronym title="World Wide Web">WWW</acronym>
 这个标签可定义只取首字母缩写


2、文字方向
  <bdo dir="rtl">
  Here is some Hebrew text
  </bdo>
dir 可以取 rtl 或 ltr

3、字符实体
字符实体有三部分：一个和号 (&)，一个实体名称，或者 # 和一个实体编号，以及一个分号 (;)。
最常用的字符实体
显示结果 描述 实体名称 实体编号
  空格 &nbsp;  
< 小于号 &lt; <
> 大于号 &gt; >
& 和号 &amp; &
" 引号 &quot; "


4、邮箱的连接
  <a href="mailto:someone@microsoft.com?subject=Hello%20again">发送邮件</a>
注意：应该使用 %20 来替换单词之间的空格，这样浏览器就可以正确地显示文本了。


5、框架的使用
  <frameset cols="25%,50%,25%">

    <frame src="绝对URL/相当URL">
    <frame src="/example/html/frame_b.html">
    <frame src="/example/html/frame_c.html">

  </frameset>

框架结构标签（<frameset>）

框架结构标签（<frameset>）定义如何将窗口分割为框架
每个 frameset 定义了一系列行或列
rows/columns 的值规定了每行或每列占据屏幕的面积
假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 <frame> 标签中加入：noresize="noresize"。

重要提示：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！

  <frameset cols="25%,50%,25%">
    <frame src="/example/html/frame_a.html">
    <frame src="/example/html/frame_b.html">
    <frame src="/example/html/frame_c.html">
  <noframes>
  <body>您的浏览器无法处理框架！</body>
  </noframes>
  </frameset>


6、HTML <col> 标签
为表格中一个或多个列定义属性值，只能在表格或者colgrroup中使用次元素
没有结束标签


7、<colgroup span=""></colspan>
  定义表格列的分组。通过此元素，您可以对列进行组合以便进行格式化。此元素只有在 <table> 标签内部才是合法的。
有两种方式来使用 <colgroup> 标签：一种是对几个同样的列进行简单的定义，另一种是将几个不同的列组合起来。

col 元素是仅包含属性的空元素。如需创建列，您就必须在 tr 元素内部规定 td 元素。

在 <colgroup> 标签中使用 span，可获得第一个列组的类型。span 属性的值是 <colgroup> 标签能够影响到的列数。

8、表格中常用的标签
    表格 描述
    <table> 定义表格
    <caption> 定义表格标题。
    <th> 定义表格的表头。
    <tr> 定义表格的行。
    <td> 定义表格单元。
    <thead> 定义表格的页眉。
    <tbody> 定义表格的主体。
    <tfoot> 定义表格的页脚。
    <col> 定义用于表格列的属性。
    <colgroup> 定义表格列的组。


9、下拉选择框
<select>
      <optgroup label="Swedish Cars">
      <option value ="volvo">Volvo</option>
      <option value ="saab">Saab</option>
      </optgroup>

      <optgroup label="German Cars">
      <option value ="mercedes">Mercedes</option>
      <option value ="audi">Audi</option>
      </optgroup>
</select>
这里有两个标签把选项都分割开


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


11、<legend> 为定义域添加一个标题
  <fieldset>
  <legend>Health information:</legend>
  <form>
  <label>Height: <input type="text" /></label>
  <label>Weight: <input type="text" /></label>
  </form>
  </fieldset>

12、<map>
注释：area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
注释：<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性（取决于浏览器），所以我们应同时向 <map> 添加 id 和 name 属性。
<img src="/i/eg_planets.gif" 
width="145" height="126" 
usemap="#planetmap">

<map id="planetmap" name="planetmap">

<area shape="rect" 
coords="0,0,82,126" 
alt="Sun"
href="/example/html/sun.html">

<area shape="circle" 
coords="90,58,3" 
alt="Mercury"
href="/example/html/mercur.html">

<area shape="circle" 
coords="124,58,8" 
alt="Venus"
href="/example/html/venus.html">

</map>



懒虫 2008-11-14 20:27 发表评论
]]>