仓酷云

标题: 给大家带来Html网页表格深层探密 [打印本页]

作者: 第二个灵魂 时间: 2015-1-15 23:32
标题: 给大家带来Html网页表格深层探密
WHATWG版和W3C版的HTML5规范虽然根源相同，在一些领域却已经产生分歧。　　网页制造中表格饰演了很主要的脚色。经由过程与Javascript、CSS等的分离，表格另有良多奇妙的用途。　　1、用表格做活动支解线
　　我们晓得，在网页中能够用<hr>标识来做支解线，也能够把表格设置为1个象素高或宽充任支解线。如今，我们将表格与Javascript分离，能够做出重生动的支解线――活动的支解线。到场以下代码，你就能够看到一条支解线，色彩在不休的活动。
　　<script>
　　l=Array(6,7,8,9,a,b,b,c,d,e,f)
　　t="<tableheight=2width=60%cellspacing=0cellpadding=0><tr>"
　　for(x=0;x<40;x++){t+="<tdid=a_mo"+x+"></td>"}
　　document.write(t+"</tr></table>")
　　functionf1(y){for(i=0;i<40;i++){c=(i+y)%20;if(c>10)c=20-c
　　document.all["a_mo"+(i)].bgColor="#00"+l[c]+l[c]+"00"}y++
　　setTimeout(f1(+y+),1)}f1(1)
　　</script>
　　在下面的代码中，我们能够经由过程修正<table>标识中的height和width设置支解线的高度和长度。源代码如图一：
　　

图一
　　效果显现如图二：
　　

图二
　　2、带转动条的表格
　　看看图一的效果，可万万不要觉得是IFRAME，这但是地隧道道的表格！实在，这是表格和CSS分离的效果。当网页上有年夜段笔墨要显现，而又没有充足的空间时，这就派上用处了。固然用文本框也能够完成相似效果，但却远没有效表格天真。代码很复杂，只需在单位格<td>标识后加上以下代码就能够了：
<divstyle="overflow:auto;height:200;">
　　固然，对应的在单位格停止</td>标识前加上</div>。我们能够变动height的值，来修正显现文段地区的高度。如以下的示例，就完成了图示的效果。
　　<tablewidth="260"border="0">
　　<tr><tdbgcolor="#999999"><fontcolor="#FFFFFF"><b>题目</b></font></td></tr>
　　<tr><tdbgcolor="#CCCCCC">
　　<divstyle="overflow:auto;height:160;">
　　这里输出文段的内容。
　　</div>
　　</td></tr>
　　</table>
　　3、带题目的表格
　　

图三
　　看看上图三的效果。一般，我们要给表格加题目，不是用单位格的办法就是用图片，很贫苦。实在，我们能够只用很一些很复杂的HTML标识，就能够轻松完成给表格加题目了。这个标识仿佛已被人忘记，很少看到利用，不外它完成的效果仍是很不错的。上面就来看看怎样完成：
　　<fieldsetstyle="width:220"align="center">
　　<legend>这里是表格的题目</legend>
　　这里增加表格中的内容
　　</fieldset>
　　几行代码就能够弄掂了！修正width值能够设置表格宽度。<legend>和</legend>之间是表格的题目，你能够设置表格题目的色彩、巨细等，乃至是加上个链接。</legend>标识以后，就能够恣意增加表格中的内容了，一样也能够增加恣意的内容，如笔墨、表格、图片等。
</p>
每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5viewport的使用能帮你做到这一点……

作者: 若相依 时间: 2015-1-17 23:12
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环

作者: 变相怪杰 时间: 2015-1-23 08:38
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

作者: 飘灵儿 时间: 2015-1-31 15:52
只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

作者: 爱飞 时间: 2015-2-6 21:31
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

作者: 冷月葬花魂 时间: 2015-2-18 22:40
可以使用 CSS 检查工具进行设计。

作者: 灵魂腐蚀 时间: 2015-3-6 11:40
直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

作者: 小妖女 时间: 2015-3-13 01:09
还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

作者: 愤怒的大鸟 时间: 2015-3-20 09:19
只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

欢迎光临仓酷云 (http://ckuyun.com/)