HTML表格

来源:互联网 发布:喜马拉雅视频剪辑软件 编辑:程序博客网 时间:2024/05/17 23:42

创建一个表格要用到<table></table>标记

创建行是<tr></tr>创建单元格(也可以当作列)是<td><td>

比如:

<html><head><title>表格</title></head><body><table border='1' width='300px' height='300px'  bgcolor="red"><tr><td>1</td><td>2</td><td>3</td><td>4</td></tr></table>

创建一个一行四列的表格三百像素宽三百像素高背景颜色是红色

跨列标记<colspan='n'> n表示要垮几列

跨行标记<rowspan='n'> n表示要跨几行

比如:

<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>1</td><td>2</td><td>3</td></tr><tr><td>1</td><td>2</td><td>3</td></tr></table>
创建一个半极细三行四列的表格第一行第一列垮三行下面两行的会被顶出去所以删掉一列

跨列同理

半极细表格创建方法在<table>属性栏填上表格线像素为1间距为0

极细表格创建方法设置背景颜色然后表格线为0间距为1每个单元格背景色再设置成白色

如下代码

<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>1</td><td>2</td><td>3</td></tr><tr bgcolor='ffffff'><td>1</td><td>2</td><td>3</td></tr></table><br>

原创粉丝点击