<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
<title>利用table进行布局</title>
</head>
<body>
<table table width="500" border="0">
<tr>
<td colspan="2" style="background-color:#99bbbb;">
<h1 align="center">Main Title of Web Page</h1>
</td>
</tr>
<tr valign="top">
<td style="background-color:#ffff99;width: 100px;text-align:top;">
<b>Menu</b>
HTML<br/>
CSS<br />
Java Script
</td>
<td style="background-color:#EEEEEE;height:200px;width:400px;tex-align:top;">
Content goes here</td>
</tr>
<tr>
<td colspan="2" style="background-color:#99bbbb;text-align:center;">
Copyright W3School.com</td>
</tr>
</table>
</body>
</html>
<!-- 这个是利用table进行布局,尽管是这个方法已经很少用了,但是我们可以看一下怎样来对table进行应用,首先我们将这个结果作为一个表格,我们可以看到的是在这个结果,可以看成一个怎样的表格,第一是含有三个行,两个列,所以我们在这个table中应该出现的是三对<tr>...</tr>,并且对于第一行中的两个列是合并的,其实我们在布局的时候我们开始我们不的是考虑有几列,因为我们列是有td这个表签来确定的,并不是我们指定的,因为我们的是准备分成三行两列 的
一个表格所以说我们应该做的是将第一行的两个列进行合并,也就是利用的colspan这个标签,然后我们要做的是,设然后我们要我这个设置颜色,是用到的的style在某一行td这个标签中使用,我们想在这个表格上填写什么内容就可以在上面进行写了,可以嵌套其他的标签或者是文字,下面的设置都是和第一行的设置一样的了,只是在二行中要建立两个列,对于两个列我们就要指明每一个列的宽度和高度,以及文本写的位置,怎样确定文本写的位置用到的标签是align,或者是valign
-->

html中利用table进行布局相关推荐

  1. android 布局颜色设置颜色设置,怎么在Android中利用view设置布局颜色

    怎么在Android中利用view设置布局颜色 发布时间:2020-12-10 16:16:37 来源:亿速云 阅读:154 作者:Leah 这期内容当中小编将会给大家带来有关怎么在Android中利 ...

  2. HTML中的table表格布局

    HTML中的table表格布局 熟练掌握table表格的布局方法,有利于我们今后设计出更加工整美观的页面,是我们学习HTML必不可少的一部分,下面我将列出table表格的几种常用的方法. 一.tabl ...

  3. HTML中利用堆栈方式对Table进行行排序

    <!--   all rights by Lonsan on 2005  email:Lonsan21@163.com --> <html> <head> < ...

  4. Sql Server 中利用游标对table 的数据进行分组统计式输出…

    Sql Server 中利用游标对table 的数据进行分组统计式输出- Table Name: Tb_Color Create table Tb_Color(id int identity(1,1) ...

  5. c#获取对象的唯一标识_在 Java 中利用 redis 实现分布式全局唯一标识服务

    作者: 杨高超 juejin.im/post/5a4984265188252b145b643e 获取全局唯一标识的方法介绍 在一个IT系统中,获取一个对象的唯一标识符是一个普遍的需求.在以前的单体应用 ...

  6. mysql中利用sql语句修改字段名称,字段长度等操作(亲测)

    在网站重构中,通常会进行数据结构的修改,所以添加,删除,增加mysql表的字段是难免的,有时为了方便,还会增加修改表或字段的注释,把同字段属性调整到一块儿.这些操作可以在phpmyadmin或者别的m ...

  7. Oracle中使用Table()函数解决For循环中不写成 in (l_idlist)形式的问题

    在实际PL/SQL编程中,我们要对动态取出来的一组数据,进行For循环处理,其基本程序逻辑为: create or replace procedure getidlist isl_idlist var ...

  8. div中的table内容过多时不超出div的范围解决方法

    转载自   div中的table内容过多时不超出div的范围解决方法 问题描述: 在做界面展示时,table的内容过多,超出div的大小,看着table的边框盖过了div的边框,不美观. 问题解决: ...

  9. Spring MVC应用程序中的Thymeleaf模板布局,无扩展

    在使用JSP / JSTL和Apache Tiles几年之后,我开始为我的Spring MVC应用程序发现Thymeleaf. Thymeleaf是一个非常出色的视图引擎,尽管目前缺乏良好的Intel ...

最新文章

  1. mysql单列索引和多列索引_mysql索引类型 normal, unique, full text
  2. 在C#中重新抛出异常的正确方法是什么? [重复]
  3. VB读取INI配置文件各方资料整合
  4. LinKedHashMap和TreeMap介绍
  5. 文通表格识别系统是表格数据录入的好帮手
  6. 【matlab】零相位延迟滤波器
  7. matlab r2010a教程,MATLAB教程R2010a(十二五)
  8. av linux,AV Linux 新版发布,多少人知道
  9. 牛客网刷题 --- 输入输出数据处理
  10. 小程序php生成海报,小程序用canvas绘制海报的做法
  11. 数字签名和加密的基本原理及其区别?
  12. [Java_kaikeba]java中堆和栈的区别(对象变量的理解)
  13. python网络编程编码和解码_python编程中的编码和解码问题
  14. bread是可数还是不可数_英语语法丨可数名词和不可数名词讲解(上),学英语必学...
  15. 安全彻底的卸载工具App Cleaner Uninstaller for Mac
  16. larveral 直接拷贝安装_2020年mac系统下制作win10引导安装盘,亲测可用
  17. 最新版 INSPINIA IN+ - WebApp Admin Theme v2.7.1,包含asp.net MVC5示例代码,做管理系统最佳的选择。...
  18. 机器学习必学十大算法
  19. 在cmd中用pip安装myqr时遇到的报错问题;
  20. 标鸽知产商标自助注册流程

热门文章

  1. LinuxMint13安装无密码访问git
  2. PHP 格式化文件大小
  3. 未来企业IT选型将更关注社交性(转载)
  4. 跑了4个实验,实战讲解 MySQL的行锁、间隙锁...​
  5. 阿里某程序员吐槽:年终奖被金融行业的老婆完爆!自己奖金15万,老婆奖金66万!...
  6. 阿里飞猪搜索技术的应用与创新
  7. 某程序员求助:隔壁组组长常常微信骚扰自己怎么办?组长和自己都是男生,自己是双性恋,但想找个年轻的!网友:信息量太大!...
  8. 字节老板在群里diss员工:上班时间聊游戏,工作很闲吗?员工回怼:查聊天记录,看聊天时间占工作时间百分比!网友:真·扁平化管理!...
  9. 资深程序员感叹:表妹成绩好却无奈辍学开理发店,月入6万,上大学没用!网友:那是你没用!...
  10. 三年努力,梦归阿里!