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 ...
随机推荐
- MyEclipse8.5可用注册码(到2018年)
转载自:http://blog.csdn.net/z123252520/article/details/45873159 Subscriber:zy Subscriber Code:mLR8ZC-85 ...
- 打开VS2012的创建单元测试功能
在VS2010中,在类中点击右键,有一个创建创建单元测试命令,可以很方便的生成单元测试项目和代码.但不知道为什么VS2012反而没有这个功能. 网上搜了一下,好在这个功能是可以通过配置打来的. 传送门 ...
- windows服务
.net windows 服务创建.安装.卸载和调试 原文:http://www.cnblogs.com/hfliyi/archive/2012/08/12/2635290.html 我对例子做了 ...
- HDU 5996 dingyeye loves stone ---BestCoder Round #90
题目链接 设根节点的深度为0,将所有深度为奇数的节点的石子数目xor起来,则先手必胜当且仅当这个xor和不为0. 证明同阶梯博弈.对于偶深度的点上的石子,若对手移动它们,则可模仿操作:对于奇深度上的石 ...
- struts配置文件中如何从一个package的action跳到另一个package中的某个action
<package name="pack1" namespace="/test1" extends="struts-default"&g ...
- [Android Pro] Toolbar的完全自定义
reference to : http://blog.csdn.net/elder_sword/article/details/46634751 Toolbar是什么,不知道的可以去大神的博客瞻仰下 ...
- [Linux] vim的高亮查找操作
reference : http://blog.chinaunix.net/uid-20732478-id-763411.html 使用了VIM这么久,却一直无法牢记一些基本的操作指令.今天查找一个 ...
- Mysql手册—SQLStatementSyntax
14.1.1 ALTER DATABASE Syntax,可用于修改数据库字符集和校验规则 查看校验规则可如下: 由于utf8的校验规则都是ci(case insensitive),所以是不区分大小写 ...
- 如何设计一个 iOS 控件?(iOS 控件完全解析) (转)
前言 一个控件从外在特征来说,主要是封装这几点: 交互方式 显示样式 数据使用 对外在特征的封装,能让我们在多种环境下达到 PM 对产品的要求,并且提到代码复用率,使维护工作保持在一个相对较小的范围内 ...
- Unity依赖注入使用
构造器注入(Constructor Injection):IoC容器会智能地选择选择和调用适合的构造函数以创建依赖的对象.如果被选择的构造函数具有相应的参数,IoC容器在调用构造函数之前会自定义创建相 ...