HTML与CSS入门——第七章 使用表格显示信息

知识点:

  1.创建简单表格的方法

  2.控制表格大小的方法

  3.对齐内容及在表格中跨越行和列的方法

7.1 创建简单的表格:

  table标签,border控制边框

  tr标签,创建表格的行,包含td

  td标签,单元格cell,其中th标签是表头的标题部分,自带居中加粗。

7.2 控制表格大小:

  width,height:可以用百分比来控制

7.3 表格中的对齐和跨越:

  在表格中用text-align和vertical-align效果会出奇的好~

  colspan跨列控制合并单元格,rowspan是跨行。

  cellpadding控制单元格内部的间距;cellspacing控制单元格之间的间距。

7.4 使用表格的页面布局:

  目前的一个基本标准建议:不要将表格用于页面布局。 /*W3C提倡将样式表作为设计页面的正确方式*/

  reason:

    1.将内容和表现混合。CSS引进的目标之一就是将表现层与内容层分离。

    2.毫无必要地造成重新设计的困难。修改时非常非常的麻烦!!你不禁会……Oh,my god

    3.可访问性问题——读屏软件在表格上查找内容,会容易把布局表格当做内容表格来处理。 /*一些网页信息的抓取软件*/

    4.在移动设备上的呈现——表格布局通常不够灵活,不能变化性地适应多种终端!It‘s very important!

HTML与CSS入门——第七章 使用表格显示信息

时间: 2024-11-05 17:33:16

HTML与CSS入门——第七章 使用表格显示信息的相关文章

HTML与CSS入门——第十三章  使用框架

知识点: 1.建立框架集的方法 2.在框架和窗口之间链接的方法 3.使用内联框架的方法 13.1 什么是框架: 框架是浏览器窗口中的一个矩形区域,每个框架显示的是一个完整的页面. 作者不建议使用框架,原因: 1.框架与Web的基础概念冲突 /*什么概念?*/ 2.框架化的网站的打印部分非常困难. 3.如果框架爱缺乏合适的编码,或者有合适的编码但是被用于邪恶的目的,用户可能在框架化的网站中无法看到框架外部的内容. /*不明白……*/ 4.框架已经从html5标准中移除…… 但是iframe依旧存在

HTML与CSS入门——第六章 使用字体

知识点: 1.粗体.斜体和特殊文本格式的使用 2.字体的调整方法 3.特殊字符的使用方法 6.1 粗体.斜体和特殊文本格式: font-weight控制粗细 加粗<strong> font-style控制斜体 斜体<em> 其他标签:small,sup,sub,tt,pre,strike PS:pre可以使得空格符和分行被保留. 6.2 调整字体: font-family,font-size,color. PS:用户可以自定义字体.注意字体名如果有空格需要用''包含. 6.3 使用

HTML与CSS入门——第五章 使用文本块和列表

知识点: 1.在页面上对齐文本的方法 2.三种HTML列表的使用方法 3.在列表中放置列表的方法 5.1 在页面上对齐文本: 父元素内子元素文本的居中:在控制父元素的text-align:center 子元素相对于父元素的居中:在控制子元素的margin:0 auto; PS:div指的是division(分组). 5.2 三种HTML列表: <ol>...<li>:有序列表,整列表有缩进,每个列表项前有数字或者字母 <ul>...<li>:无序列表,与有序

HTML与CSS入门——第三章 理解HTML和XHTML的关系

知识点: 1.以HTML创建一个简单网页的方法 2.包含每个网页必须有的所有HTML标签的方法 3.用段落和换行组织页面的方法 4.用标题组织内容的方法 5.HTML.XML.XHTML和HTML5之间的差别 3.1 从一个简单的网页开始: 作者建议:从简单的文本编辑器开始学习,之后再转向可视化工具. 扩展名支持:.htm以及.html 如.jsp,.asp,.php之类的文件类型使用超出了HTML范围的服务器端技术,需要专门的服务端支持.比如Apache服务器 3.2 每个XHMTL网页必须有

《信息简史》第七章人物、事件、名言收集小感

吴军老师的<文明之光>一书自上市以来,广受读者的称赞,并入选2014中国好书排行榜. 斯坦福大学物理系的张首晟教授为本书写了一篇名为<大数据时代读大历史--感受物理.科技.人文的跨界之美>的序言(http://blog.sina.com.cn/s/blog_537e497a0101hhgw.html).在这篇序言中,作者将文明简单定义为:平行于生物基因,可以代代相传的一个信息系统.同时,作者认为:文明的主线是能量与信息,帝王将相.英雄豪杰,不过是为能量与信息的交流铺路,有效提高了信

ArcGIS for Desktop入门教程_第七章_使用ArcGIS进行空间分析 - ArcGIS知乎-新一代ArcGIS问答社区

原文:ArcGIS for Desktop入门教程_第七章_使用ArcGIS进行空间分析 - ArcGIS知乎-新一代ArcGIS问答社区 1 使用ArcGIS进行空间分析 1.1 GIS分析基础 GIS的六大功能是数据获取.存储.查询.分析.表达.输出.在前面的内容里已经介绍了使用ArcGIS进行数据获取.存储.查询.表达和输出的过程,本章将介绍如何在ArcGIS中进行地理分析.分析是GIS的核心和灵魂,是GIS区别于一般的信息系统.CAD或者电子地图系统的主要标志之一. GIS分析,就是研究

HTML与CSS入门——第十四章  使用边距、填充、对齐和浮动

知识点: 1.在元素周围添加边距的方法 2.在元素中添加填充的方法 3.对齐的方法 4.float属性的使用 这里提到了CSS禅意花园,这块有时间可以玩玩~ margin和padding:用于添加元素周围的间距 14.1 使用边距 margin是边距 参数可以有[1~4]4种类型 14.2 填充元素 padding用于填充border与内容之间的空间 参数与margin一致 14.3 保持对齐 align,对齐: 有text-align,vertical-align 使用值根据自己的需求再自行研

第十二章 CSS入门

第 12 章 CSS 入门学习要点:1.使用 CSS2.三种方式3.层叠和继承 本章主要探讨 HTML5 中 CSS(层叠样式表),它是用来对 HTML 文档外观的表现形式进行排版和格式化. 一.使用 CSSCSS 样式由一条或多条以分号隔开的样式声明组成.每条声明的样式包含着一个 CSS属性和属性值.<p style="color:red;font-size:50px;">这是一段文本</p>解释:style 是行内样式属性.color 是颜色属性,red 是

D3.js的v5版本入门教程(第七章)—— 比例尺的使用

D3.js的v5版本入门教程(第七章) 比例尺在D3.js中是一个很重要的东西,我们可以这样理解d3.js中的比例尺——一种映射关系,从domain映射到range域(为什么会是domain和range呢?等一下你就会看到,因为我们在建立比例尺是常常会用到domain()和range()两个函数,当然不是绝对的,D3中有很多类型的比例尺) 下面介绍在本套教程中常用的两种比例尺 线性比例尺序数比例尺        线性比例尺 domain域和range域都可以连续变化 <body> <sc