HTML基础之创建简单表格

字母 td 指表格数据（table data）,即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

         ***HTML 表格的基本结构：***<table>…</table>：定义表格<caption>…</caption>：定义表格标题<th>…</th>：定义表格的标题栏（文字加粗）<tr>…</tr>：定义表格的行<td>…</td>：定义表格的列table元素的属性：border：定义表格的边框厚度，单位默认像素width：指定表格的宽度height：指定表格的高度cellpadding: 表示单元格边框与单元格内容之间的距离cellspacing: 定义表格单元格之间的空间 HTML合并单元格：如果要将两个或多个列合并为一个列，将使用colspan属性 如果要合并两行或更多行，则将使用rowspan属性。HTML表格头部、主体、页脚：表格可以分为三个部分 - 头部，主体和页脚。每个页面保持相同，而正文是表格的主要内容持有者。头部，主体和页脚的对应的三个标签是：<thead> - 创建单独的表头。<tbody> - 表示表格的主体。<tfoot> - 创建一个单独的表页脚。表可以包含多个<tbody>元素以指示不同的页面。但值得注意的是<thead>和<tfoot>标签应出现在<tbody>之前。

</head><body>
<table border="1" width="600" height="300" cellpadding="0" cellspacing="0"> <thead><tr><td colspan="4">this is the head of the table!</td></tr></thead><tfoot><tr><td colspan="4">this is the foot of the table!</td>  <!--命名一个表头--></tr></tfoot><tbody><caption>学生信息表</caption><th>编号</th>  <!--定义一个标题栏，并且加粗--><th>姓名</th><th>性别</th><th>年龄</th><tr><td>1</td>  <!--定义表格的列--><td>小明</td><td>男</td><td>18</td></tr><tr><td>2</td><td>小美</td><td>女</td><td>19</td></tr><tr><td>3</td><td>小亮</td><td>男</td><td>20</td></tr><tr><td rowspan="2">4</td>  <!--合并两行或多行--><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td colspan="4">5</td>  <!--合并两个或多个列--></tr></tbody></table></body>
</html>

这是效果图：

HTML基础之创建简单表格相关推荐

教程干货——零基础创建简单的在线审批流程
简介:[零起点入门系列教程]将会带给大家从业务视角出发由浅入深地学习用宜搭实现应用搭建.即便是没有任何代码基础的新手只要跟着系列课程,从0开始慢慢修炼,也能找到成功搭建应用的乐趣.今天第三讲,分步教学 ...
ssas ssrs_如何使用SSAS表格模型数据库创建简单的SSRS报告
ssas ssrs In this article, we will show how to create a simple SQL Server Reporting Services report ...
HTML5基础学习（5）：百度云盘制作、简单表格制作
一.百度云盘制作 (1)绝对地址与相对地址绝对地址:在任何情况下,都可以找得到的地址.网页中下面图片所在的路径叫做绝对路径: <img src="http://1000phone.c ...
day01--java基础编程：计算机基础知识，java语言概述，java开发环境搭建，eclipse概述，创建简单java项目，JDK JRE JVM的关系，java开发中的命名规范，编程风格
1 Day01–Java开发环境+HelloWorld 1.1 计算机基础知识资料下载网址:刘沛霞 18600949004 code.tarena.com.cn tarenacode code_20 ...
29 Oracle数据库SQL开发之 SQLPlus使用——创建简单报表
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 29.O ...
Python Pandas操作Excel表格文件:创建新表格，追加数据
前言: python操作excel表格文件的增删读写,一般需要用到的第三方库有xlwt,xlrd.xlrd负责读取excel,xlwt负责写入excel文件.这种操作方法比较繁琐,效率还不错,通俗易懂 ...
HTML 基础【2】 -- 表格标签 / 表单标签
请先学习往期内容:HTML 基础[1] – 入门介绍 / 基本结构 / 块级标签 / 行内标签作业分析上一篇<HTML 基础[1] – 入门介绍 / 基本结构 / 块级标签 / 行内标签&g ...
实习笔记 C#创建excel表格并且学会使用NPOI
前言在创建之初我们先区分一下 excel表格文件,区别于两种格式,一种是xls,一种是xlsx格式其中两者的区别:.xls格式单个工作表最多支持65536行,256列..xlsx格式最多支持104 ...
python编程例子输入输出-推荐：手把手教你用Python创建简单的神经网络（附代码）...
原标题:推荐 :手把手教你用Python创建简单的神经网络(附代码) 作者:Michael J.Garbade:翻译:陈之炎:校对:丁楠雅本文共2000字,9分钟. 本文将为你演示如何创建一个神经网 ...

HTML基础之创建简单表格

HTML基础之创建简单表格相关推荐

最新文章

热门文章