表格标签<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 ...

随机推荐

使用ssh正向连接、反向连接、做socks代理的方法
ssh -L 219.143.16.157:58080:172.21.163.32:8080 用户名@localhost -p 10142 在 219.143.16.157机器执行将ssh隧 ...
modelsim do文件仿真
1.编写sim.do文件 ##### Quit the Simulation ##### quit -sim ##### Make work directory && Create ...
addsubview跟insertsubview的区别
子视图是以栈的方式存放的. 每次addsubview时都是在最后面添加. 每次在addsubview前和addsubview后可以看看[self.view.subViews count]: 你看看你的 ...
pycharm远程上传文件到Linux
配置远程SFTP 1. 在PyCharm中打开SFTP配置面板,路径为Tools => Deployment => Configuration: 2. 配置Connection参数设置,填 ...
Excel统计工作簿sheet个数
按Alt+F11调出VBE后,在"视图"-“立即窗口”中输入: debug.print ThisWorkbook.Sheets.Count 回车后就可看到工作表数量.
XMPP框架下微信项目总结（4）重新连接服务器
xmpp 很多功能是面向模块开发的例如电子名片无须自己去写请求的代码XMPP(文件)->Extension(存放的是各个模块)->Reconnect(自动连接模块) ...
《孙子算经》之"物不知数"题：中国剩余定理
1.<孙子算经>之"物不知数"题今有物不知其数,三三数之剩二,五五数之剩七,七七数之剩二,问物几何? 2.中国剩余定理定义: 设 a,b,m 都是整数. 如果 m ...
51nod1066(bash博弈)
题目链接:http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1066 题意:中文题诶- 思路:感觉博弈全靠yy- 在双方都没有 ...
浅析 - 提高xib(Interface Builder)高效工作的几个小技巧
本文译自:8 Tips for working effectively with Interface Builder(需FQ)先来看看目录:介绍使view的Size与view中的Content相适应按 ...
三、jQuery--jQuery基础--jQuery基础课程--第11章 jQuery 工具类函数
1.获取浏览器的名称与版本信息在jQuery中,通过$.browser对象可以获取浏览器的名称和版本信息,如$.browser.chrome为true,表示当前为Chrome浏览器,$.browse ...

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