易截截图软件、单文件、免安装、纯绿色、仅160KB

Web开发 第一部分 HTML教程基础（十三）表格布局

前面的课程中，我们学习了表格元素，上节课中，我们通过一本表格来对表单内的组件进行位置的控制，这其实就是一种简单的表格布局。这节课，我们详细来讨论一下使用表格的布局方法。
看如下代码：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
</head>
<body>
<table border="0" height="100%" width="100%" align="center">
<tr>
<td colspan="3" align="center" height="100" bgcolor="green">表格顶端元素</td>
</tr>
<tr>
<td align="center" height="480" bgcolor="blue" width="15%">表格左边栏元素</td>
<td align="center" height="480" bgcolor="red">表格主题内容元素</td>
<td align="center" height="480" bgcolor="yellow" width="20%">表格右边栏元素</td>
</tr>
<tr>
<td colspan="3" align="center" height="100" bgcolor="purple">表格底部元素</td>
</tr>
</table>
</body>
</html>
运行结果如下：
我们可以看到，通过表格，整个页面被分割成了5各部分，上下左右中。这是最常见的表格布局方法。一般最上方放置一个logo或功能条（工具栏，菜单，导航等）、底部放置一些诸如版权信息，企业声明等、左边放置页面子栏目导航树、右边放置广告或展示性信息，中间是当前页面的主题信息。当然，根据页面不同，这5各部分也可以做削减，只需要操作表格即可。现在我们增加一些内容进去：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
</head>
<body>
<table border="0" height="100%" width="100%" align="center" cellpadding="3">
<tr> <!-- 顶部元素 -->
<td colspan="3" align


相关文档：

Html 元素自动下拉


  前台脚本的元素自动下拉扩展:
    具体是当鼠标放在一个元素上时,这个元素如果显示不全,就自动扩展,并且不会影响其它的元素.移开鼠标该元素自动还原成原来的样式.
 
    在Coding 的过程中,一个跨Browser的问题是:
    在每一次显示 float div前 ......

HTML 标签

定义和用法
<area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。
area 元素总是嵌套在 <map> 标签中。
注释：<img> 标签中的 usemap 属性与 map 元素 name 属性相关联，创建图像与映射之间的联系。
实例
带有可点击区域的图像映射：
<img src="planets.jpg" border=" ......

html 滚动条

<html>
<head>
<mce:style type = "text/css"><!--
div
{
overflow-y:scroll;
height:200;
overflow-x:scroll;
width:200;
}

--></mce:style><style type = "text/css" mce_bogus="1"> div
{
ove ......

无需争论HTML5 和FLASH FLEX

其实 很多人 现在在争论 FLASH 和HTML5 这些东东 。
但我感觉其实没有必要，
先说说 FLEX 很多人 学习 FLEX 的时候 尤其 中国人 很喜欢跟风 而且很严重的那总，很少有人踏踏实实的去积累。
你说包括 EXTJS FLEX 也好 等等 这些重量级 的 框架和组件 其实 都给你很多DEMO 和 网上可搜索这样的。很傻瓜了
轻松的就能掌握� ......

html特殊字符转换（java）

/**
* 把文本编码为Html代码
* @param target
* @return 编码后的字符串
*/
public static String htmEncode(String target)
{
StringBuffer stringbuffer = new StringBuffer();
int j = target.length();
for (int i = 0; i < j; i++)
......
© 2009 ej38.com All Rights Reserved. 关于E健网 | 联系我们 | 站点地图 | 赣ICP备09004571号