HTML5表格

1.单元格

单元格是表格的最小单位,一个或多个单元格纵横排列组成了表格。

2.行

一个或多个单元格横向堆叠形成了行。

3.列

由于表格单元格的宽度必须一致,因此单元格纵向排列形成了列。



1.表格的基本语法

<table>
    <tr>
        <th>第一个单元格的内容</th>        表格标题,字更粗
        <th>第二个单元格的内容</th>
        ...
    </tr>
    <tr>
        <td>第一个单元格的内容</td>
        <td>第二个单元格的内容</td>
        ...
    </tr>
    ...
</table>

2.表格的跨列

跨列是指单元格的横向合并

<table>
    <tr>
        <td colspan="所跨的列数">单元格内容</td>
    </tr>
</table>

3.表格的跨行

跨行是指单元格在垂直方向上的合并

<table>
    <tr>
        <td rowspan="所跨的行数">单元格内容</td>
    </tr>
</table>
时间: 2024-10-14 16:55:43

HTML5表格的相关文章

扩展HT for Web之HTML5表格组件的Renderer和Editor

在HT for Web提供了一下几种常用的Editor,分别是: slider:拉条 color picker:颜色选择器 enum:枚举类型 boolean:真假编辑器 string:普通的文本编辑器 除了这几种常用编辑器之外,用户还可以通过继承ht.widget.BaseItemEditor类来实现自定义编辑器. 而渲染器,在HT for Web提供常用的Renderer有: enum:枚举类型 color:颜色类型 boolean:真假渲染器 text:文本渲染器 和编辑器一样也可以自定义

3.3 HTML5表格使用

<table>定义表格 <caption>定义表格标题 <th>定义表格的表头 <tr>定义表格的行 <td>定义表格的单元 <thead>定义表格的页眉 <tbody>定义表格的主体 <tfoot>定义表格的页脚 <col>定义表格的列属性 <table>的border="1"属性可以添加边框:cellpadding属性改变单元格大小: cellspacing属性改

html5 表格新标签

figure  和  figcaption  元素可以为表格声明标题 th元素可以定义 headers 属性和 scope 属性,用来帮助非可视化的浏览器和搜索引擎处理表头信息 thead tfoot 和 tbody元素必须包含一个或多个行,并且thead tfoot 和 tbody 元素必须包含相同数量的列 这三个元素必须位于table元素内,tfoot元素也必须在tbody元素之前定义 thead元素和tfoot元素在一个表格中都只能有一个,而tbody元素可以有多个. fieldset 元

HTML5表格的介绍与使用

(1)表格中的常见元素,<table>用来定义表格,<caption>定义表格标题,<th>表头,<tr>行,<td>单元,<thead>页眉,<tbody>主体,<tfoot>页脚,<col>列属性 (2)表格的常见用法: 1,没有边距的表格(代码如下) <!DOCTYPE html> <html> <head lang="en"> <

HTML5 - 表格与列表处理

有序无序列表 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

HTML5表格标记

表格标记:<table></table>.<tr></tr>.<td></td>.<th></th>.<caption></caption> table参数: 代码: 标题行:php是世界上最好的语言 合并两栏 第一栏第一行 第二栏第一行 第一栏第二行 第二栏第二行 原文地址:http://blog.51cto.com/13881481/2149164

HTML5端云整合:智能端应用与云端服务整合开发实战

课程简介:       作为Web与移动开发的新标准的HTML5/JavaScript/CSS3,已经纷纷被手机应该开发采用,这不但让UI极具弹性,而且也更容易与云计算整合. 本课程是云计算与智能终端时代的HTML5开发的一站式解决方案,专为企业内训和公开课制作,是完整覆盖HTML5时代开发人员所需使用的360度的技术解决方案,内容细致入微: 课程目标: 全面解析以HTML5+JavaScript来开发应用: 使用JavaScript开发云计算: 定制浏览器并具备开放html5浏览器的能力: 学

二,细说 HTML5 之 HTML5 基础讲解 2

这是一个HTML5系列,主要是零基础的宝宝们快速认识与学习HTML5. HTML5 样式.链接和表格 1.HTML5 样式 标签 描述 <style> 定义样式定义 <link> 定义资源引用 <div> 定义文档中的节或区域(块级) <span> 定义文档中的行内的小块或区域 属性: 属性 描述 rel="stylesheet" 外部样式表 type="text/css" 引入文档的类型 margin 边距 三种样式

HTML5三屏合一的架构设计

课程简介: 将电视.电脑.手机(含Tablet)三块屏幕融合为一是HTML5非常重要的使命,而HTML5整个生态系统的技术为此实现极大的便利: 作为Web与移动开发的新标准的HTML5/JavaScript/CSS3,已经纷纷被电视.电脑.手机(含Tablet)应用开发采用,这不但让UI极具弹性,而且也更容易与云计算整合. 本课程是云计算与智能终端时代的HTML5开发的一站式解决方案,专为企业内训和公开课制作,是完整覆盖HTML5时代开发人员所需使用的360度的技术解决方案,内容细致入微: 课程