表格标签<table>

<table>的属性：

Align: left, center, right （表格的）位置

Border: 边框

Width:
Height:

Cellspacing 格子与格子之间边线的距离

cellpadding 单元格内文字与边框的距离

不重要：（bgcolor 背景颜色 bodercolor 边框颜色）

一、定义标题<caption>

Align、Valign

放在tr标签之前，放在table的内部使用。

随表格位置移动而移动。

二、字段标签 <th>

和<td>的用法一致，文字是以粗体居中显示（唯一区别）。

三、行标签<tr>

属性：Align、Valign、bgcolor

四、列标签<td><th>

属性：Width、 Height、 Align: （left, center, righ）、 Valign:（top, middle, bottom）、Colspan、rowspan

示例：

 <html>

     <head><title>表格的应用</title></head>

     <body>

         <center><h1>我的表格</h1></center>

         <table border=1 width="800" align="center" cellspacing="0" cellpadding="0" bgcolor="#cccccc" bordercolor="red" bordercolorlight="green" bordercolordark="yellow">

             <caption><h1>我的表格</h1></caption>

             <tr>

                 <th>编号</th>

                 <th>姓名</th>

                 <th>年龄</th>

                 <th>电子邮件</th>

                 <th>性别</th>

             </tr>

             <tr>

                 <td width=50 height=40>1</td>

                 <td>zhangsan</td>

                 <td>30</td>

                 <td>as@lamp.com</td>

                 <td>男</td>

             </tr>

             <tr align="center" bgcolor="green" valign="bottom" height="80">

                 <td>1</td>

                 <td>zhangsan</td>

                 <td>30</td>

                 <td>as@lamp.com</td>

                 <td>男</td>

             </tr>

             <tr>

                 <td>1</td>

                 <td>zhangsan</td>

                 <td>30</td>

                 <td>as@lamp.com</td>

                 <td>男</td>

             </tr>

             <tr>

                 <td>1</td>

                 <td colspan="3" rowspan=3>zhangsan</td>

                 <td>男</td>

             </tr>

             <tr>

                 <td>1</td>

                 <td>男</td>

             </tr>

             <tr>

                 <td>1</td>

                 <td>男</td>

             </tr>

             <tr>

                 <td>1</td>

                 <td>zhangsan</td>

                 <td>30</td>

                 <td>as@lamp.com</td>

                 <td>男</td>

             </tr>

         </table>

     </body>

 </html>

PHP入门 - - 06-->HTML的表格标签的更多相关文章

Bootstrap入门（四）表格
Bootstrap入门(四)表格 <table>标签首先,引入bootstrap的css文件,然后表格内容放在一个class为table的<table>标签中(class=& ...
[19/05/16-星期四] HTML_body标签(表格标签)
一.概念 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl ...
Bootstrap入门（2）表格
Bootstrap入门(四)表格 <table>标签首先,引入bootstrap的css文件,然后表格内容放在一个class为table的<table>标签中(class=& ...
HTML的表格标签，列表标签，表单标签，HTML5有哪些新特性
欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序 ...
H5 表格标签的其它标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
H5 表格标签基本使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
HTML常用标签与表格标签
超链接标签: <a href="超链接地址" target="_blank">超链接的文字</a> _blank或new是在新网页中打开 ...
9月6日表格标签（table、行、列、表头）（补）
一.<table> <table>代表表格标签. <table></table> 1.width 表示表格宽度,宽度表达方式有像素和百分比两种.网 ...
透明、圆角、阴影效果、背景色渐变、<a></a>去外层虚线、！！！表格标签<table>
表格标签 <table> 代表表格 width:指表格的宽度一种是像素 (浏览器缩小的时候出现滚动条) 一种是百分比(跟着浏览器的大小而大小) b ...

随机推荐

C#在类中用调用Form的方法
class 你的类 { private Form1 frm; //构造函数 public 你的类( Form1 form) { frm = form; } //调用form方法 private voi ...
code vs1517 求一次函数解析式（数论纯数学知识）
1517 求一次函数解析式时间限制: 1 s 空间限制: 128000 KB 题目等级 : 白银 Silver 题解查看运行结果题目描述 Description 相信大家都做过练 ...
windows下ftp命令大全
FTP Server: home4u.at.china.com User: yepanghuang Password: abc123 打开Windows的开始菜单,执行“运行”命令,在对话框中输入ft ...
【linux】gcc命令
来源:http://man.linuxde.net/gcc 语法 gcc(选项)(参数) 选项 -o:指定生成的输出文件: -E:仅执行编译预处理: -S:将C代码转换为汇编代码: -wall:显示警 ...
RAD Studio/Delphi 2010 3615下载+破解
RAD Studio/Delphi 2010 3615下载+破解官方下载地址: http://altd.embarcadero.com/download/RADStudio2010/delphicb ...
查看base64编码图片
1.确认编码纯净(没有编码参数) 2.在头部加上 data:image/jpeg;base64, 3.放到浏览器查看
linux crontab 学习
安装crontab:[root@CentOS ~]# yum install vixie-cron[root@CentOS ~]# yum install crontabs/sbin/service ...
Loadrunner连接Mysql数据库
1.库文件下载地址:http://files.cnblogs.com/files/xiaoxitest/MySQL_LoadRunner_libraries.zip 分别添加到Loadrunner b ...
bootstratp图标的使用
bootstratp作为一个优秀的前端框架,最近使用了其中的Glyphicon Halflings的字体图标.起初一直显示不出来,后面通过搜索相关资料直到成功显示,在此做一些总结,方便后面复习. 1. ...
《C#本质论》读书笔记（14）支持标准查询操作符的集合接口
14.2.集合初始化器使用集合初始化器,程序员可以采用和数组相似的方式,在集合的实例化期间用一套初始的成员来构造这个集合. 如果没有集合初始化器,就只有在集合实例化后才能显示添加到集合中--例如 ...

PHP入门 - - 06-->HTML的表格标签