精华内容
下载资源
问答
  • 中文原文:重新发现HTML表格整理自:Woork请尊重版权,...事实上很多人会说”我看到永远不应该使用表格”的说法,但是这绝对是错误的!这个建议只是针对使用HTML表格来定义网页的布局,但是表格在方便的排列数据信...

    中文原文:重新发现HTML表格

    整理自:Woork

    请尊重版权,转载请注明来源,多谢!

    根据我最近的一些实践以及在和一些读者进行关于HTML表格的使用问题沟通之后,决定写这篇文章。总的来说,我注意到由于误导性信息,他们对于table的使用有种先入为主的厌恶。事实上很多人会说”我看到永远不应该使用表格”的说法,但是这绝对是错误的!这个建议只是针对使用HTML表格来定义网页的布局,但是表格在方便的排列数据信息行和列方面非常完美,而且如果你一定要在一个页面上显示表列数据,你就不得不使用它们!为什么不呢?然而,在这种情况下,一些人无视了用于table的某些HTML标签的存在并且不知道该如何正确的使用它们。

    HTML有10个表格相关标签。下面是一个带有简介的列表,但是首先,文档要被正确的定义在HTML 4.01/XHTML 1或HTML 5下面:

    定义表格标题(4, 5) 为表格的列定义属性(4, 5) 定义表格列的分组(4, 5)

    定义表格的表头(4, 5) 定义表格的行(4, 5)

    一个基本的表格结构如下:

    table1.png

    它包含一个标题、头部、主体和底部。正确的HTML元素顺序是:

    你也可以使用

    和 来定义表格的列或为列分组:

    下面是一个正确的表格结构实例:

    Table caption here Head 1 Head 2 Head 3 Foot 1 Foot 2 Foot 3 A B C

    D E F

    在浏览器中的结果如下图所示:

    table2.png

    关于表格的一些技巧

    根据w3schools的解释和用法,在一个table定义中,

    元素必须出现在之前,这样,浏览器就可以在接受到所有数据之前呈现表注了。另外,如果不是这个顺序,将不能通过W3C的HTML4和XHTML验证,无论你声明哪种DTD。(了解更多)。

    在 HTML 4.01 中,表格的align和bgcolor属性不赞成使用,所以在HTML 5中不再有任何table的属性被支持(事实上,在XHTML 1.0 Strict DTD中已经不支持align和bgcolor属性了);

    所有主流浏览器都支持

    标签,但是Firefox、Chrome 以及 Safari 仅支持 colgroup 元素的 span 和 width 属性;

    css中的empty-cells:show|hide 可以设定空单元格是否显示边框。注意,这个需要设置在table而不是td/th中。IE6中比较容易遇到该问题;

    css中的border-collapse:collapse | separate 可以设置表格的边框是否被合并成一个边框;

    css中的border-spacing属性等效于table的cellspacing属性。

    为了实现现在所提倡的表现和结构分离的开发模式,前端观察建议将页面中所有与表现层有关的东东,都用CSS来控制,不用HTML自带的属性来控制页面的表现,而table是最容易被忽略的一个。

    关于table的更多详细内容可以查看W3C的文档: w3 Introduction to tables

    最后留一个非常简单的问题给大家,CSS的哪个属性等效于table的cellpadding属性?

    展开全文
  • 以下关于CSS属性的缩写形式,正确的是A.font:12px/28px 宋体B.font:12px 28px boldC.background:url(images/bg.png) repeat-x 20px -100pxD.background:repeat-x 20px,-100px10.以下对div-ul-li局部布局的理解,正确...

    标签

    9.以下关于CSS属性的缩写形式,正确的是

    A.font:12px/28px 宋体

    B.font:12px 28px bold

    C.background:url(images/bg.png) repeat-x 20px -100px

    D.background:repeat-x 20px,-100px

    10.以下对div-ul-li局部布局的理解,正确的是()

    A.比较常用,适用于无层次关系的并列结构。例如,并列的多个产品类别

    B.div-ul-li与现实中常用的典型业务逻辑非常吻合。例如,二级导航条与图文混编

    C.实现中通常先分析特点,规划区域,总结样式类别,最后确定宽高,浮动等

    D.在网页布局中,完全不需要其他结构,全部用div-ul-li实现

    11.下列说法正确的是()

    A.文件域所传的内容较复杂,编码需要设为enctype=\

    B.复选框各个选项的name属性必须设置为相同

    C.readonly属性表示是否禁用

    D.为了实现性别判断用两个单选按钮,name分别设置为\男\和\女\

    12.关于表格布局的描述中,正确的是()

    A.先确定行列数并写出表格,然后再实现跨行跨列的单元格合并

    B.表格布局用于数据的规则显示。例如,成绩显示、表单布局等

    C.用表格能实现所有布局,因此不需要学习其他块状结构布局

    D.从技术实现角度,表格布局不支持表格的多层嵌套

    13.框架集的标签名是()

    A.frame

    B.setframe

    C.frameset

    D.iframe

    14.要在新窗口中打开链接,中需要选用属性()

    A.target=\

    B.target=\

    C.target=\

    D.target=_self

    15.关于div-dl-dt-dd默认的样式,说法错误的是()

    A.有默认的上下外边距

    B.

    展开全文
  • G1 HTML测试题(笔试) A.... A. 内嵌样式表 B. 行内样式表 C.外部样式表文件 D.类样式表 B.... A. B.... A.... 分析下面的 HTML代码片段,则选项中的说法正确的是( c d )。[ 选两项 ] 姓名 成 绩 语 文 数学 A.

    G1 HTML测试题(笔试)

    A. 在 html 中,样式表按照应用方式可以分为三种类型,其中不包括( d )。

    A. 内嵌样式表

    B. 行内样式表

    C.外部样式表文件

    D.类样式表

    B. 在 HTML中,可以使用( d )标记向网页中插入 GIF 动画文件。

    A.

    B.

    C.

    D.

    C. 在 HTML上,将表单中 INPUT元素的 TYPE属性值设置为( a )时,用于创建

    重置按钮。

    A. reset

    B.set

    C. button

    D.image

    D. 分析下面的 HTML代码段,该页面在浏览器中的显示效果为( a )。

    Welcome!

    A. 从左向右滚动显示“ Welcome!”

    B. 从右向左滚动显示“ Welcome!”

    C.从上向下滚动显示“ Welcome!”

    D.从下向上滚动显示“ Welcome!”

    E. 在制作 HTML页面时,页面的布局技术主要分为( d )。

    A. 框架布局

    B. 表格布局

    C. DIV 层布局

    D. 以上全部选项

    F. 如果在 catalog.htm 中包含如下代码, 则该 HTML文档 IE 浏览器中打开后, 用户

    单击此链接将 ( c ) 。

    小说

    A. 使页面跳转到同一文件夹下名为“ novel.html ”的 HTML文档

    B. 使页面跳转到同一文件夹下名为“小说 .html ”的 HTML文档

    C. 使页面跳转到 catalog.htm 包含名为“ novel ”的锚记处

    D. 使页面跳转到同一文件夹下名为 “小说.html ”的 HTML文档中名为 “novel ”

    的锚记处

    G.要在网页中显示如下文本,要求字体类型为隶书、字体大小为 6,则下列 HTML

    代码正确的是( c )。

    欢迎访问我的主页!

    A.

    欢迎访问我的主页!

    B.

    欢迎访问我的主页!

    C.

    欢迎访问我的主页!

    D.

    欢迎访问我的主页!

    H. 分析下面的 HTML代码片段,则选项中的说法正确的是( c d )。[ 选两项 ]

    姓名
    成 绩 语 文
    数学

    A.

    展开全文
  • 一、选择 1.在一个框架的属性面板中,不能设置下面哪一项。( ) A.源文件 ; B.... C.边框宽度 D.滚动条 2....( ) A.type="submit" B.type="reset...( ) A.ASP B.HTML C.ZIP D.CGI 6.关于表格的描述正确的一项是。( )

    一、选择

    1.在一个框架的属性面板中,不能设置下面哪一项。( )

    A.源文件 ; B.边框颜色 ; C.边框宽度 D.滚动条

    2. 下列哪一项表示的不是按钮。( )

    A.type="submit" B.type="reset" C.type="image" D.type="button"

    3.下面哪一个属性不是文本的标签属性?( )

    A.nbsp; B.align C.color D.face

    4.下面哪一项的电子邮件链接是正确的?( )

    A.http://doc.xuehai.net B.xxx@.net C.xxx@com

    D.xxx@http://doc.xuehai.net

    5.当链接指向下列哪一种文件时,不打开该文件,而是提供给浏览器下载。( )

    A.ASP B.HTML C.ZIP

    D.CGI

    6.关于表格的描述正确的一项是。( )

    展开全文
  • 表格中可以包含TBODY元素 B. 表格中可以包含CAPTION元素 C. 表格中可以包含多个TBODY元素 D. 表格中可以包含COLGROUP元素 E. 表格中可以包含COL元素 解答:ACDE caption标签用于定义一个表格标题...
  • 【多选题】以下内容说法正确的是( )。 【单选题】( )药物渗入脑脊液的浓度最高。 【单选题】病因判定标准中不适于慢性非传染性疾病的是 【单选题】水彩画属于 【判断题】某些沙漠植物以抗性极强的休眠种子渡过干旱...
  • 在Frontpage 2003中,关于图片超链接,下列说法正确的是( )。A.图片中可以设置多个热点,但不可以添加文本热点到图片中B.可以将整个图片设置为超链接,也可以为图片分配一个或多个热点C.包含热点的图片称为图像...
  • 关于angularjs说法错误的是 关于angularjs1说法错误的是 A、前端mvc,极大降低前端开发的耦合 B、极大的丰富了dom操作 C、实现了数据双向绑定 D、实现了依赖注入 参考答案:B 答案解析:Angular大大减少了对DOM...
  • 事实上很多人会说”我看到永远不应该使用表格”的说法,但是这绝对是错误的!这个建议只是针对使用HTML表格来定义网页的布局,但是表格在方便的排列数据信息行和列方面非常完美,而且如果你一定要在一个页面上显示表...
  • 2014年秋季学期Dreamweaver CS5习题(一)班别座号姓名一、填空题(每空2分,共计28 分)1、__ _和__ ___是构成网页的两个最基本的元素。2、Dreamweaver提供了__ _、_ __、_ _3种视图方式。...6、在一文字网页下的链接可以...
  • 发表于 2017-09-08 16:44:44 回复(0) 0 语义话,就是用合理、正确的标签来展示内容,个人理解就是标签本身就代表了要表达的意思,比如header,头的意思。。。 发表于 2019-10-15 14:47:47 回复(0) 0 Address标签是...
  • 《H5笔试题题目》由会员分享,可在线阅读,更多相关《H5笔试题题目(4页珍藏版)》请在人人文库网上搜索。1、选择题1) 列表分为两类,一是无序列表,一是... form-group3) 关于HTML语义化,以下哪个说法正确的?( )...
  • HTML测试题一、选择(每题一分)1.在一个框架的属性面板中,不能设置下面哪一项。()A.源文件; B....C.边框宽度D.滚动条2....()A.type="submit"B.type="reset"C.type="image"D.type="button"3....B.AlignC.ColorD....
  • 事实上很多人会说”我看到永远不应该使用表格”的说法,但是这绝对是错误的!这个建议只是针对使用HTML表格来定义网页的布局,但是表格在方便的排列数据信息行和列方面非常完美,而且如果你一定要在一个页面上显示表...
  • 事实上很多人会说”我看到永远不应该使用表格”的说法,但是这绝对是错误的!这个建议只是针对使用HTML表格来定义网页的布局,但是表格在方便的排列数据信息行和列方面非常完美,而且如果你一定要在一个页面上显示表...
  • 以下关于C语言的叙述不正确的是( ??????)。下C语EXCEL2010工作表中最快速选中Y100单元格方法是 。关于以下标记中,用于定义一个单元格的是( )叙述要使表格的边框不显示,应设置border的值是( )。不正用于设置表格背景...
  • 事实上很多人会说”我看到永远不应该使用表格”的说法,但是这绝对是错误的!这个建议只是针对使用HTML表格来定义网页的布局,但是表格在方便的排列数据信息行和列方面非常完美,而且如果你一定要在一个页面上显示表...
  • 事实上很多人会说”我看到永远不应该使用表格”的说法,但是这绝对是错误的!这个建议只是针对使用HTML表格来定义网页的布局,但是表格在方便的排列数据信息行和列方面非常完美,而且如果你一定要在一个页面上显示表...
  • 在HTML代码中,给表格添加行的标记是。T.ZY型测重机,车组经过传感器的允许速度不大于()奥地利生态学家()最早提出关键期的概念。特种作业人员必须持证上岗。管仲的“四民分居定业论”中的“四民”是指()It was rare ...
  • 相关问题操作,中,有关,表格,排序,说法, ,排序,规则,升序,降序,表格,编辑,中,中,表格,单元格,中,光标,键,表格,命令,table,表格,中,提成,公式,表格,中,原有,内容,存货,核对,过程,中,表格,存货,账,对比,表,表格,行,地方...
  • table2-2 exception entry/exit错误
  • 05-表格

    2021-09-09 14:22:51
    能出说表格用来做什么的 能说出列表用来做什么的 能说出表单用来做什么的 为了让我们页面显示的更加整齐,我们需要学习三个表(表格、表单、列表) 表格 table(会使用) 目标: 理解: 能说出表格用来做什么的 ...
  • 关于angularjs说法错误的是 关于angularjs1说法错误的是 A、前端mvc,极大降低前端开发的耦合 B、极大的丰富了dom操作 C、实现了数据双向绑定 D、实现了依赖注入 参考答案:B 答案解析:Angular大大减少了对DOM...
  • 第七课 学习电子表格 1下列不是金山表格功能的B A数据处理 B图文混排 C插入图表 D制作表格 2下列可以用金山表格完成的工作是C A图文混排 B编辑图片 C制作成绩统计表 D制作幻灯片 3下列说法正确的是C A金山表格的一个...
  • 重新发现HTML表格

    2015-01-21 23:20:30
    中文原文:重新发现HTML表格整理自:Woork请尊重版权,转载请注明来源,多谢...事实上很多人会说”我看到永远不应该使用表格”的说法,但是这绝对是错误的!这个建议只是针对使用HTML表格来定义网页的布局,但是表格
  • PAGE1 / NUMPAGES1《计算机操作基础》第四章 Excel表格数据处理课后练习一、 单项选择题 共 17 题1、 在Excel2003工作表的A1单元格... 星期四参考答案:A2、 下面说法正确的是________。A . 公式中“AG2”表示的是:...
  • 没什么区别……可是感觉怪怪的上面的这些表格,小编只想扶着墙说,大家没有进行正确的编辑,所以才让表格怪怪的~接下来,小编带你们看看如何抛开部分Excel表格的操作习惯,使用超级表格正确编辑一张表格。...
  • 重新发现html表格

    2010-09-16 09:29:36
    事实上很多人会说”我看到永远不应该使用表格”的说法,但是这绝对是错误的!这个建议只是针对使用HTML表格来定义网页的布局,但是表格在方便的排列数据信息行和列方面非常完美,而且如果你一定要在一个页面上显示表...
  • 表格控件GridPanel

    2012-12-25 22:20:11
    表格控件GridPanel 表格由类Ext.grid.GridPanel定义,继承自Panel,xtype为grid。在Ext中,表格控件Grid必须包含列定义信息,并制定表格的数据存储器Store。表格的列信息由类Ext.grid.ColumnModel定义,而表格的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,188
精华内容 6,875
关键字:

关于表格说法错误的是