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

随机推荐

Html之head部分详解
随便打开一个网页,右击查看网页源代码,总能看到<head>-</head>封闭标签,在里面通常会包含5类标签:title.link.script.meta.style.这5类标 ...
yii验证码不使用model在控制器中进行验证
控制器 public function actionCheckLogin(){ if(!$this->createAction('verify_code')->validate($_POS ...
类中实现 Dispose And Finalize
1.Dispose方法中,应该使用GC.SuppressFinalize防止GC调用Finalize方法,因为显示调用Dispose比较好. 2.Disposed字段保证了两次调用Dispose方法不 ...
3ds max画曲线设置摄像机的起始位置
参考 http://www.3dmax8.com/3dmax/2013/0916/5661.html 如果想创建曲线段,可以在单击下一个点时按住鼠标不放,继续拖曳,再拖到另一个点上,单击鼠标右键,即可 ...
printf 与c的基本类型之间的关系
型書式注意事項 ssize_t %zd size_t %zu intmax_t %jd uintmax_t %ju ptrdiff_t %t signed char %hhd unsigned c ...
ios 弹出键盘视图向上平移
[[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(keyboardwillAppear:) name:U ...
notifyDataSetInvalidated和notifyDataSetChanged有什么区别
notifyDataSetChanged方法通过一个外部的方法控制如果适配器的内容改变时需要强制调用getView来刷新每个Item的内容.public void notifyDataSetChang ...
c_test
1.int a[][4]={0,0};与int a[3][4] = {0}; 元素不够的就以位模式初始化为0 a[第一维][第二维] 的大小,也就是最多存几个 int a[][3]={1,2,3,4, ...
Jmeter 函数
一._csvRead 函数 _cvsRead函数是从外部读取参数,csvRead函数可以从一个文件中读取多个参数. 步骤: 1.先新建一个文件,例如c.txt,里面的数据存放为 web@qq.com, ...
ASP.NET Web Api 服务器端变了，客户端该如何修改请求（转载）
转载地址:http://www.cnblogs.com/fzrain/p/3558765.html 前言一旦我们将API发布之后,消费者就会开始使用并和其他的一些数据混在一起.然而,当新的需求出现时 ...

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