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

随机推荐

Mysql 练习总结
insert into Course values ('); #---------------Teacher--添加信息---- insert into Teacher values (','李成', ...
OKhttp的封装（下）
OKhttpManager2.Class 请求工具类 package com.example.administrator.okhttp3; import android.os.Handler; im ...
GoF23种设计模式
创建型模式 1.ABSTRACT FACTORY-追MM少不了请吃饭了,麦当劳的套餐和肯德基的套餐都是MM爱吃的东西,虽然口味有所不同,但不管你带MM去麦当劳或肯德基,只管向服务员说"两个B ...
dropdownlist 动态添加
this.DropDownList1.Items.Insert(0,new ListItem("","")); this.Drop ...
iOS应用架构谈（二）：View层的组织和调用方案（中）
iOS客户端应用架构看似简单,但实际上要考虑的事情不少.本文作者将以系列文章的形式来回答iOS应用架构中的种种问题,本文是其中的第二篇,主要讲View层的组织和调用方案.中篇主要讨论MVC.MVCS. ...
UVa815_Flooded!
#include <iostream> //#include <fstream> #include <iomanip> #include <cstdio> ...
jquery.validation.js 表单验证
jquery.validation.js 表单验证官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuer ...
利用CocoaPods，在项目中导入AFNetworking类库
场景1:利用CocoaPods,在项目中导入AFNetworking类库 AFNetworking类库在GitHub地址是:https://github.com/AFNetworking/AFNetw ...
.net学习笔记---xml序列化
XML序列化是将对象的公共属性和字段转换为XML格式,以便存储或传输的过程.反序列化则是从XML输出中重新创建原始状态的对象.XML序列化中最主要的类是XmlSerializer类.它的最重要的方法是 ...
重拾smslib
http://www.tuicool.com/articles/mm2yQrN http://blog.csdn.net/ll136078/article/details/8737348 http:/ ...

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