详解HTML中的表格标签
详细代码如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表格制作</title>
</head>
<body>
<table bgcolor="black" width="500px">
<caption style="bold">学生信息</caption>
<thead>
<tr bgcolor="#a9a9a9" height="50px">
<th>姓名</th>
<th>年龄</th>
<th>学校</th>
<th>考试成绩</th>
<th>喜欢水果</th>
<th>经常上的网站</th>
</tr>
</thead>
<tbody>
<tr bgcolor="white" align="center" height="30px">
<td align="left">张三</td>
<td>22</td>
<td>西安工业大学</td>
<td>87</td>
<td>桃子</td>
<td>
<a href="http://www.baidu.com/">百度 </a>
<a href="http://www.sina.com/">新浪</a>
</td>
</tr>
<tr bgcolor="white" align="center">
<td align="left">李四</td>
<td>23</td>
<td rowspan="2">上海交通大学</td>
<td>85</td>
<td>苹果</td>
<td>
<a href="https://www.taobao.com/">淘宝 </a>
<a href="https://www.jd.com/">京东</a>
</td>
</tr>
<tr bgcolor="white" align="center">
<td align="left">王刚</td>
<td>45</td>
<!-- <td>上海海洋大学</td> -->
<td>86</td>
<td>香蕉</td>
<td>
<a href="http://www.163.com/">网易</a>
<a href="http://www.sina.com/">新浪</a>
</td>
</tr>
</tbody>
<tfoot>
<tr bgcolor="white">
<td >总分</td>
<td></td>
<td></td>
<td align="center">258</td>
<td></td>
<td></td>
</tr>
</tfoot>
</table>
</body>
</html>
注意事项：
1.宽度和高度属性
可以给table和td标签使用
2.水平对齐和垂直对齐
水平对齐可以给table和td使用
垂直对齐只能给tr和td标签使用
3.外边距和内边距属性
只能给table使用
4.表格分类
表格的标题
表格的表头信息
表格的主题信息
表格的叶尾信息
//必须写在table标签中，紧跟在table后面
5.单元格合并（添加td属性）
colspan="x"水平合并X个单元格，同时删除多余的
rowspan="x"垂直合并X个单元格，同时删除多余的
单元格都是向后或者想下合并的
详解HTML中的表格标签的更多相关文章
- 详解WordPress中简码格式标签编写的基本方法
WordPress 简码是一种类似于论坛标签的东西,格式类似于把尖括号换成中括号的 Html 标签.简码很多人叫做短代码,但官方的翻译应该是简码,在这里纠正一下. 简码的开发的逻辑比较简单,主要就是添 ...
- Usermod 命令详解 ------工作中修改shell时用 usermod -s /bin/csh home
Usermod 命令详解 2012-09-11 11:01:36 标签:usermod 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.htt ...
- java 乱码详解_jsp中pageEncoding、charset=UTF -8"、request.setCharacterEncoding("UTF-8")
http://blog.csdn.net/qinysong/article/details/1179480 java 乱码详解__jsp中pageEncoding.charset=UTF -8&quo ...
- CSS学习笔记（9）--详解CSS中:nth-child的用法
详解CSS中:nth-child的用法 前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是“:nth-child”. 下面我将用几个典型的实 ...
- 用IDEA详解Spring中的IoC和DI(挺透彻的，点进来看看吧)
用IDEA详解Spring中的IoC和DI 一.Spring IoC的基本概念 控制反转(IoC)是一个比较抽象的概念,它主要用来消减计算机程序的耦合问题,是Spring框架的核心.依赖注入(DI)是 ...
- 使用IDEA详解Spring中依赖注入的类型(上)
使用IDEA详解Spring中依赖注入的类型(上) 在Spring中实现IoC容器的方法是依赖注入,依赖注入的作用是在使用Spring框架创建对象时动态地将其所依赖的对象(例如属性值)注入Bean组件 ...
- （数据科学学习手札140）详解geopandas中基于pyogrio的矢量读写引擎
本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 大家好我是费老师,前不久我在一篇文章中给大家分享 ...
- jQuery：详解jQuery中的事件（二）
上一篇讲到jQuery中的事件,深入学习了加载DOM和事件绑定的相关知识,这篇主要深入讨论jQuery事件中的合成事件.事件冒泡和事件移除等内容. 接上篇jQuery:详解jQuery中的事件(一) ...
- 图文详解Unity3D中Material的Tiling和Offset是怎么回事
图文详解Unity3D中Material的Tiling和Offset是怎么回事 Tiling和Offset概述 Tiling表示UV坐标的缩放倍数,Offset表示UV坐标的起始位置. 这样说当然是隔 ...
随机推荐
- Azure ARM (22) Azure Policy入门
<Windows Azure Platform 系列文章目录> 我们知道,在Azure服务层级中,分为以下几个层次: 1.企业合同 2.订阅 3.资源组 4.资源 我们使用的Azure资源 ...
- linux下监控用户的操作记录---录像播放性质
想知道用户登陆系统后都操作了什么,怎么办? 别急,linux下有一个script工具,专门记录终端会话中所有输入输出结果,并存放到指定文件中. 先看看怎么录制吧! 1.创建日志存放目录 # mkdir ...
- storyBoard学习教程一（页面跳转）
今天为了给伙伴作一篇storyBoard快速编程的教程,所以才写下了这篇博客. 有过storyBoard 编程经验的伙伴还是不要阅读本篇博客了,我自己认为,太基础太简单了,为了方便别人学习使用,我还是 ...
- 最新sublimetext3080注册
----- BEGIN LICENSE -----K-20Single User LicenseEA7E-9401293A099EC1 C0B5C7C5 33EBF0CF BE82FE3BEAC216 ...
- matlab 2017版本修改帮助文档为离线
安装matlab2017a后发现,帮助文档为在线版本,必须关联账号. 经过查询资料,帮助文档默认是使用web, on mathworks.com 可以将帮助文档改为离线版本. 具体修改方法: Pref ...
- windows下mysql5.1忘记root密码解决方法[win7]
步骤如下:1.停止mysql服务(以管理员身份,在cmd命令行下运行) net stop mysql2.使用 mysqld –skip-grant-tables 命令启动mysql数据库 D:\> ...
- Empire Strikes Back
题意: 给定$K$个数字,求最小的正整数$n$,使得$\prod_{i=1}^{K}{a_i !} | n!$ 解法: 注意到$$\sum_{p为质数}{1/p} = O(loglogn)$$, 这样 ...
- JVM 内存区域
JVM 将内存区域划分为: Method Area(Non-Heap)(方法区) ,Heap(堆) , Program Counter Register(程序计数器) , VM Stack(虚拟机栈, ...
- TimeUtils(没试过)
package util; import java.text.DateFormat; import java.text.DecimalFormat; import java.text.ParseExc ...
- sublime入门文章
http://www.iplaysoft.com/sublimetext.html http://code-tech.diandian.com/post/2012-07-18/40030958791 ...