小小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;一个负…

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;只好自己分…

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

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

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 …

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…

DHCP机制

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

一号团队-团队任务3:每日立会(2018-12-01)

一.基本信息 团队序号&#xff1a;一号 开发的软件名称&#xff1a;Java教学官网 撰写人&#xff1a;张浩洋 学号:2016035107283 职务:项目经理 二.团队汇报 1.汇报文字版 一号团队全体成员与2018年12月01日在第一组项目群中针对2018年11月30日工作任务进行汇报&#xff0c;汇总…

40 岁的中年失业

大家好&#xff0c;我是写代码的篮球球痴&#xff0c;昨天发了一篇文章&#xff0c;有一个朋友转发了&#xff0c;然后看到有人评论&#xff0c;如下&#xff1a;前两天有朋友问我&#xff0c;说腾讯裁员好严重&#xff0c;还有如何如何&#xff0c;我是这样回答的。很多事情我…

Linux/Windows系统内核性能调优

做过Linux平台性能测试的童鞋平时可能会遇到如下问题&#xff1a; 1、 TCP端口号不够用导致并发上不去&#xff08;即与服务器端建立新连接失败&#xff09; 2、 TIME_WAIT状态连接过多导致应用服务器&#xff08;Nginx、Haproxy、Redis、Tomcat等&#xff09;性能下降或假死…

MCU复位和程序启动那些事

大家好&#xff0c;这篇文章转自电源漫谈&#xff0c;文章从专业的角度说明了MCU复位经过的过程&#xff0c;对大家学习很有帮助。MCU通常会在工作之前&#xff0c;先经历复位和启动的一个过程&#xff0c;在用户使用过程中往往在这个阶段的工作不是那么的清楚&#xff0c;这里…

若有所思

今天出来​逛了下&#xff0c;没有准备文章&#xff0c;刚好一个朋友有一段思考&#xff0c;给大家分享下。深圳动物园是一个值得去的地方​-----佚名海边的夏天&#xff0c;太阳公公当空照&#xff0c;照的大地滚烫&#xff0c;海水湛蓝。人们都躲到树荫下&#xff0c;享受舶风…

第三章 阴阳的工作机制(1)

一、道生一&#xff0c;一生二&#xff0c;二生三&#xff0c;三生万物1.易有太极&#xff0c;是生两仪上面&#xff0c;对阴阳已经讨论了很多&#xff0c;对这个问题已经有所了解。现在我们来讨论"阴阳的工作机制"&#xff0c;弄清楚这个以后对理解《伤寒论》的许多…

jquery 操作日期、星期、元素的追加

主要实现日期的显示&#xff0c;获取年月日&#xff0c;时分秒、星期、判断闰年<script language"javascript" >$(document).ready(function(){function show(){var mydatenew Date();var str "" mydate.getFullYear() "年"; …