小小Table

table1.GIF
                                 图1
table2.GIF
                                图2(加了蓝色,让问题更清楚)
说明:
1.工作需要要做这样一个图形(图1),而且要求不用表(table)套表(table)即一个table画出。
2.素材有图表两张:top_left.gif(12*14),bottom_left.gif(12*13) 颜色为Red
感兴趣的朋友不防画画。
以下为图1的HTML:

ContractedBlock.gifExpandedBlockStart.gif图1的HTML
 1None.gif    <table cellspacing=0 cellpadding=0 border=0 align=center width=300 height=150>
 2None.gif    <tr height=1>
 3None.gif        <td width=1 colspan=2 rowspan=2 background="top_left.gif" ></td>
 4None.gif        <td bgcolor=red colspan=2></td>
 5None.gif        <td width=1 bgcolor=red rowspan=5></td>
 6None.gif    </tr>
 7None.gif    <tr height=13>
 8None.gif        <td  colspan=2></td>
 9None.gif    </tr>
10None.gif    <tr>
11None.gif        <td  width=1  bgcolor=red></td>
12None.gif        <td  width=11 ></td>
13None.gif        <td >我们在中间</td>
14None.gif        <td  width=11></td>
15None.gif    </tr>
16None.gif    <tr height=12>
17None.gif        <td width=1 colspan=2 rowspan=2 background="bottom_left.gif"></td>
18None.gif        <td  colspan=2></td>
19None.gif    </tr>
20None.gif    <tr height=1 bgcolor=red>
21None.gif        <td colspan=2></td>
22None.gif    </tr>
23None.gif    </table>

以下为图2的HTML:

ContractedBlock.gifExpandedBlockStart.gif图2的HTML
 1None.gif    <table cellspacing=0 cellpadding=0 border=0 align=center width=300 height=150>
 2None.gif    <tr height=1>
 3None.gif        <td width=1 colspan=2 rowspan=2 background="top_left.gif" ></td>
 4None.gif        <td bgcolor=red colspan=2></td>
 5None.gif        <td width=1 bgcolor=red rowspan=5></td>
 6None.gif    </tr>
 7None.gif    <tr height=13>
 8None.gif        <td bgcolor=blue colspan=2></td>
 9None.gif    </tr>
10None.gif    <tr>
11None.gif        <td  width=1  bgcolor=red></td>
12None.gif        <td  width=11 bgcolor=blue></td>
13None.gif        <td >我们在中间</td>
14None.gif        <td bgcolor=blue width=11></td>
15None.gif    </tr>
16None.gif    <tr height=12>
17None.gif        <td width=1 colspan=2 rowspan=2 background="bottom_left.gif"></td>
18None.gif        <td bgcolor=blue colspan=2></td>
19None.gif    </tr>
20None.gif    <tr height=1 bgcolor=red>
21None.gif        <td colspan=2></td>
22None.gif    </tr>
23None.gif    </table>



转载于:https://www.cnblogs.com/tenghoo/archive/2007/07/18/822751.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/464110.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

文件断点续传原理与实现

文件断点续传原理与实现 在网络状况不好的情况下&#xff0c;对于文件的传输&#xff0c;我们希望能够支持可以每次传部分数据。首先从文件传输协议FTP和TFTP开始分析&#xff0c; FTP是基于TCP的&#xff0c;一般情况下建立两个连接&#xff0c;一个负责指令&#xff0c;一个负…

jvm经典文章整理

Java中JVM虚拟机详解 Java GC的那些事&#xff08;上&#xff09;(博主还有很多文章都很经典) CMS垃圾收集器介绍转载于:https://www.cnblogs.com/zqr99/p/10042586.html

Windows Forms、MFC、WTL、WxWidgets、Qt、GTK综合比较

图形界面库Windows Forms、 MFC、WTL、 WxWidgets、Qt、GTK 综合比较见下表&#xff1a; 总结&#xff1a; GTK主要用在X Window上&#xff0c;整个设计的架构和许多概念和MFC以及一般 Windows 上的程序开发大异其趣&#xff0c;入门门槛较高&#xff0c;而且最主要的特色是&am…

G3,是塔克和阿德巴约的热火队

这一场&#xff0c;是塔克和阿德巴约的热火队G2的比赛&#xff0c;波斯顿人的数据如下G3的比赛&#xff0c;波斯顿人的数据如下如果说田忌赛马可以用在篮球场上&#xff0c;那这场堪称经典热火和波斯顿人的第三场比赛&#xff0c;火队是客场作战&#xff0c;客场作战的热火在第…

微信小程序--数据存储

对本地缓存数据操作分为同步和异步两种。同步方法有成功回调函数&#xff0c;表示数 据处理成功后的操作。下面是小程序提供本地缓存操作接口&#xff1a; 以Sync结尾都是同步方法。同步方法和异步方法的区别是&#xff1a; 同步方法会堵塞当前任务&#xff0c;直到同步方法处理…

RTMPdump 源代码分析 1: main()函数

http://blog.csdn.net/leixiaohua1020/article/details/12952977 rtmpdump 是一个用来处理 RTMP 流媒体的工具包&#xff0c;支持 rtmp://, rtmpt://, rtmpe://, rtmpte://, and rtmps:// 等。之前在学习RTMP协议的时候&#xff0c;发现没有讲它源代码的&#xff0c;只好自己分…

H3C s5500-SI-EI系列交换机 WEB界面登录配置

配置以太网交换机VLAN 1接口的IP地址为10.153.17.82&#xff0c;子网掩码为255.255.255.0。 [H3C]system-view [H3C] interface vlan-interface 1 [H3C-VLAN-interface1] ip address 10.153.17.82 255.255.255.0 用户通过Console口&#xff0c;在以太网交换机上配置欲登录的W…

项目分享| 自制巡线机器人

本次分享机器人项目由myyerrol制作&#xff0c;是他的第一个基于RISC-V的机器人项目。以下文字详细记录了机器人制作的软硬件组成、核心算法等&#xff0c;对机器人感兴趣的朋友可收藏&#xff0c;也可关注他的知乎账号&#xff08;myyerrol&#xff09;或GitHub&#xff08;ht…

Illegal group reference异常的分析

String replaceAll(regex, replacement)函数 , 由于第一个参数支持正则表达式&#xff0c;replacement中出现“$”,会按照$1$2的分组 模式进行匹配&#xff0c;当编译器发现“$”后跟的不是整数的时候&#xff0c;就会抛出“非法的组引用”的异常。 所以我们在使用replaceAll(…

CUDA线程、线程块、线程束、流多处理器、流处理器、网格概念的深入理解

一.与CUDA相关的几个概念&#xff1a;thread&#xff0c;block&#xff0c;grid&#xff0c;warp&#xff0c;sp&#xff0c;sm。 sp: 最基本的处理单元&#xff0c;streaming processor 最后具体的指令和任务都是在sp上处理的。GPU进行并行计算&#xff0c;也就是很多个sp同时…

.Net环境下基于Ajax的MVC方案

现在&#xff0c;越来越多人开始尝试基于Ajax进行无刷新的Web开发&#xff0c;不过&#xff0c;在.Net环境下&#xff0c;应用Ajax并不是非常方便&#xff0c;这主要可能是由以下一些原因造成的&#xff1a; •由于Ajax基于javascript的本质&#xff0c;使得开发者必须对javasc…

一道C语言指针的题目

早上看到的题目&#xff0c;但是现在去找没看到了。我当时还把图片放在小号里面了&#xff0c;大家可以看看。大家看看这个代码输出什么&#xff1f;如果想让它输出77要怎么用指针写呢&#xff1f;凭记忆写一下#include "stdio.h"#include "stdint.h" int …

修改python默认的编码方式

今天碰到了 python 编码问题, 报错信息如下Traceback (most recent call last): File "ntpath.pyc", line 108, in joinUnicodeDecodeError: ascii codec cant decode byte 0xa1 in position 36: ordinal not in range(128)显然是当前的编码为ascii, 无法解析0xa1(十…

mysql日志种类、二进制日志模式、mysqlbinlog解析二进制日志

mysql日志的种类 二进制日志&#xff08;binary log&#xff09;&#xff1a;记录数据更新的操作&#xff0c;mysqlbinlog 可查看二进制日志文件 错误日志&#xff08;error log&#xff09;&#xff1a;记录mysql服务进程mysqld的启动、关闭和运行时的错误信息 慢查询日志&…

Linux IO多路复用之epoll网络编程,高并发的使用例子 (含源码)

本章节是用基本的Linux基本函数加上epoll调用编写一个完整的服务器和客户端例子&#xff0c;可在Linux上运行&#xff0c;客户端和服务端的功能如下: 客户端从标准输入读入一行&#xff0c;发送到服务端 服务端从网络读取一行&#xff0c;然后输出到客户端 客户端收到服务端…

c#中Excel数据的导入、导出

/**//// <summary>/// 导出到 Excel 文件/// </summary>/// <param name"fileName">含完整路径</param>/// <param name"dataTable">含字段标题名</param>publicvoidExpExcel(stringfileName ,DataTable dataTable){ …

你对Linux下的实时性应该多点了解

作者简介顺刚(网名:沐多)&#xff0c;一线码农&#xff0c;从事工控行业&#xff0c;目前在一家工业自动化公司从事工业实时现场总线开发工作&#xff0c;喜欢钻研Linux内核及xenomai&#xff0c;个人博客 wsg1100&#xff0c;欢迎大家关注&#xff01;本文讲述一些有利于提高x…

ria website

http://www.36ria.com/

Epoll例子的使用

第一部分&#xff1a;Epoll简介 问题 : Select,Poll和Epoll的区别 答案 : Epoll和Select的区别 1. 遍历方式的区别 。select判断是否有事件发生是遍历的&#xff0c;而epoll是事件响应的&#xff0c;一旦句柄上有事件来了&#xff0c;就马上选出来。 2. 数目的区别。select一…

DHCP机制

DHCP概念&#xff1a;局域网的网络协议&#xff0c;使用UDP协议工作&#xff0c;在工作过程中&#xff0c;它有两个对象&#xff0c;DHCP客户端和DHCP服务端&#xff0c;DHCP服务运行在&#xff16;&#xff17;端口和&#xff16;&#xff18;端口。 用途&#xff1a;&#xf…