HTML表格例题与应用
来源:互联网 发布:免费问卷调查软件 编辑:程序博客网 时间:2024/05/17 07:40
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> 表格</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<table border='1' width='300px' height='300px'>
<tr>
<td>张三</td>
<td>20</td>
<td>郑州</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
<td>洛阳</td>
</tr>
</table>
<br><br>
<table border="1" cellspacing="0" width='300px' height='300px'>
<tr>
<td>1</td>
<td colspan='3'>2</td>
</tr>
<tr>
<td rowspan='3'>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<br>
<table bgcolor='#444444' border="0" cellspacing="1" width='300px' height='300px'>
<tr bgcolor='#ffffff'>
<td>1</td>
<td colspan='3'>2</td>
</tr>
<tr bgcolor='#ffffff'>
<td rowspan='3'>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr bgcolor='#ffffff'>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr bgcolor='#ffffff'>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<br>
内填充cellpadding和外边距cellspacing
<table bgcolor='#444444' bordercolor='green' border="10" cellspacing="10" cellpadding='10'>
<tr bgcolor='#ffffff'>
<td >1</td>
<td colspan='3'>2</td>
</tr>
<tr bgcolor='#ffffff'>
<td rowspan='3'>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr bgcolor='#ffffff'>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr bgcolor='#ffffff'>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<br>
<table style="text-align:right;" border='1' width='500' height="500">
<tr>
<td align="center">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr align="center">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr style="vertical-align:top;">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<title> 表格</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<table border='1' width='300px' height='300px'>
<tr>
<td>张三</td>
<td>20</td>
<td>郑州</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
<td>洛阳</td>
</tr>
</table>
<br><br>
<table border="1" cellspacing="0" width='300px' height='300px'>
<tr>
<td>1</td>
<td colspan='3'>2</td>
</tr>
<tr>
<td rowspan='3'>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<br>
<table bgcolor='#444444' border="0" cellspacing="1" width='300px' height='300px'>
<tr bgcolor='#ffffff'>
<td>1</td>
<td colspan='3'>2</td>
</tr>
<tr bgcolor='#ffffff'>
<td rowspan='3'>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr bgcolor='#ffffff'>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr bgcolor='#ffffff'>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<br>
内填充cellpadding和外边距cellspacing
<table bgcolor='#444444' bordercolor='green' border="10" cellspacing="10" cellpadding='10'>
<tr bgcolor='#ffffff'>
<td >1</td>
<td colspan='3'>2</td>
</tr>
<tr bgcolor='#ffffff'>
<td rowspan='3'>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr bgcolor='#ffffff'>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr bgcolor='#ffffff'>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<br>
<table style="text-align:right;" border='1' width='500' height="500">
<tr>
<td align="center">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr align="center">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr style="vertical-align:top;">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
</body>
</html>
阅读全文
0 0
- HTML表格例题与应用
- HTML的表格应用
- HTML:表格与JSON
- HTML表格与表单
- HTML--表格与表单
- HTML表格与框架
- HTML页面与基本标记例题
- HTML与CSS教学-第十章 对表格与表单应用CSS样式
- 【面向HTML--表格与列表】
- html 第七章 表格的应用
- html表格嵌套表格隐藏与显示 跨行显示
- HTML介绍与应用
- HTML与CSS 表格背景和间距
- html中表格着色与排序
- html表格的动态增加与删除
- HTML 表格跨行与跨列
- 【二】【HTML列表、表格与框架】
- HTML列表与表格制作知识点
- 在龙芯1c上用RT-Thread上的lwip NETCONN接口实现socket编程
- bzoj 3307: 雨天的尾巴 线段树
- ArcGIS Add-In的安装与卸载(二)
- OkHttp和Volley对比
- 访问WEB-INF目录中的页面文件(JSP、HTML)
- HTML表格例题与应用
- vue-router进行build无法正常显示路由页面
- CI框架中使用PHPExcel导出Excel文件
- JS中event对象的学习
- irq中断子系统
- Redis基本命令(二)
- 接口存在多个实现类时的动态调用
- 在eclipse中拉取github互联网上的代码
- nginx模块之ngx_http_proxy_module