正文

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

IP云
IP云V管理员/3 阅读
11/29
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

表格标签<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的表格标签的更多相关文章
  1. Bootstrap入门（四）表格

    Bootstrap入门(四)表格 <table>标签 首先,引入bootstrap的css文件,然后表格内容放在一个class为table的<table>标签中(class=& ...

  2. [19/05/16-星期四] HTML_body标签(表格标签)

    一.概念 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl ...

  3. Bootstrap入门（2）表格

    Bootstrap入门(四)表格 <table>标签 首先,引入bootstrap的css文件,然后表格内容放在一个class为table的<table>标签中(class=& ...

  4. HTML的表格标签，列表标签，表单标签，HTML5有哪些新特性

    欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可 博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序 ...

  5. H5 表格标签的其它标签

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  6. H5 表格标签基本使用

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  7. HTML常用标签与表格标签

    超链接标签: <a href="超链接地址" target="_blank">超链接的文字</a> _blank或new是在新网页中打开 ...

  8. 9月6日表格标签（table、行、列、表头）（补）

    一.<table> <table>代表表格标签.   <table></table> 1.width  表示表格宽度,宽度表达方式有像素和百分比两种.网 ...

  9. 透明、圆角、阴影效果、背景色渐变、<a></a>去外层虚线、！！！表格标签<table>

    表格标签 <table> 代表表格 width:指表格的宽度           一种是像素 (浏览器缩小的时候出现滚动条)           一种是百分比(跟着浏览器的大小而大小) b ...

随机推荐
  1. 常见kill信号

    字符名 数字名 组合键ctrl+ 备注 SIGTERM 15   kill的默认值,可以杀死后台进程 SIGKILL 9   不可忽略,必杀技 SIGTSTP 20 Z 前台组全暂停(只是组合键方式吧 ...

  2. bat批处理设置Java JDK系统环境变量文件

    自己修改第3行的Java安装目录就可以设置JAVA_HOME, classPath,追加到PATH的最前面 JAVA_HOME=C:\Program Files\Java\jdk1.6.0_10 cl ...

  3. IOS-Gesture(手势识别)

    手势识别——Gesture Recognizer •iOS3.2版本之后,苹果推出了手势识别(Gesture Recognizer),其目的是: –简化开发者的开发难度 –统一用户体验 • •iOS目 ...

  4. Html5 新标签

    ⒈ <audio></audio> 定义声音<autoplay></autoplay> 该属性出现,音频就绪后马上播放<controls>& ...

  5. web前端开发:css3实现loading

    web前端开发:css3实现loading 有大量web前端开发工具及学习资料,可以搜群[ web前端学习部落22群 ]进行下载,遇到学习问题也可以问群内专家以及课程老师哟 <!DOCTYPE ...

  6. elipse插件整理

    整理一下用过的eclipse插件: 1. WindowBuilder :swing插件,可以拖啊拖啊拖出来一个窗口,可以显著提高开发效率.   官网: http://www.eclipse.org/w ...

  7. 安装less

    1.下载安装iterm(http://www.iterm2.com/) 2.打开iterm,输入 sudo npm install -g less

  8. MVC – 9.mvc整体请求流程

    1.请求管道 2~5微软自己的验证,我们一般不用. 在全局配置文件中-已经配置一个路由过滤器-为第7个事件注册了路由方法   1.在application_start中向静态路由表注册了路由数据,在管 ...

  9. 重温WCF之WCF中可靠性会话（十四）

    1.WCF中可靠性会话在绑定层保证消息只会被传输一次,并且保证消息之间的顺序.当使用TCP(Transmission Control Protocol,传输控制协议)通信时,协议本身保证了可靠性.然而 ...

  10. siblings 使用

    //$(object).siblings().each(function () { // $(this).find("img").attr("class", & ...

相关阅读

目录[+]