PHP入门 - - 06-->HTML的表格标签
表格标签<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 Primer Plus_第一章_概览_复习题与编程练习
REVIEW 1.就编程而言,可移植性表示什么? me 一个系统上编写的程序经过很少改动或者不需改动就可以在另一个系统上运行.如果修改是必须的,则通常只改变伴随主程序的一个头文件中的几项内容即可.(P ...
- java classpath批量设置shell脚本
java classpath批量设置shell脚本 注意:linux bash jar文件之间的分隔符是':' export JAR_HOME=path to directory which ...
- curl命令 抓取网络数据相应头
curl --verbose --data "Password=123&Username=158101068&url=http://m.vancl.com/" & ...
- php正则表达式、数组
<?php $s = "he8llo5wor6ld"; $s = preg_replace("/\d/","#",$s);按照正则表达 ...
- javascript void运算符
参考链接:http://www.cnblogs.com/ziyunfei/archive/2012/09/23/2698607.html语法: void expr 作用:计算表达式expr,并返回un ...
- window 环境安装MongoDB
强制安装mongodb服务 命令 sc create MongoDB binPath= "D:\MongoDB\Server\3.2\bin\mongod.exe --service --d ...
- javaWeb---文件上传（commons-FileUpload组件）
FileUpload是Apache组织(www.apache.org)提供的免费的上传组件,但是FileUpload组件本身还依赖于commons组件,所以从Apache下载此组件的时候还需要连同co ...
- Swift - as、as!、as?三种类型转换操作使用一览
as.as!.as? 这三种类型转换操作符的异同,以及各自的使用场景. 1,as使用场合 (1)从派生类转换为基类,向上转型(upcasts) 1 2 3 4 class Animal {} cl ...
- php的错误级别
error_reporting() 用于设置 PHP 的报错级别并返回当前级别.(PHP 4, PHP 5) 函数能够在运行时设置 error_reporting 指令. PHP 有诸多错误级别,使用 ...
- 在线预览Office文件【效果类似百度文库】（转载）
转载地址:http://www.cnblogs.com/sword-successful/p/4031823.html 引言 结合上个项目和目前做的这个项目,其中都用到了Office文件在线预览,目前 ...