仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1229|回复: 8
打印 上一主题 下一主题

[HTML5] 给大家带来Html网页表格深层探密

[复制链接]
第二个灵魂 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:32:46 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
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:38 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
变相怪杰 该用户已被删除
板凳
发表于 2015-1-23 08:38:47 来自手机 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
飘灵儿 该用户已被删除
地板
发表于 2015-1-31 15:52:42 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
爱飞 该用户已被删除
5#
发表于 2015-2-6 21:31:47 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
冷月葬花魂 该用户已被删除
6#
发表于 2015-2-18 22:40:06 | 只看该作者
可以使用 CSS 检查工具进行设计。
灵魂腐蚀 该用户已被删除
7#
发表于 2015-3-6 11:40:16 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
小妖女 该用户已被删除
8#
发表于 2015-3-13 01:09:29 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
愤怒的大鸟 该用户已被删除
9#
发表于 2015-3-20 09:19:27 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 08:03

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表