`
除了你无可取代
  • 浏览: 145112 次
  • 性别: Icon_minigender_1
  • 来自: 悲鸣洞穴
社区版块
存档分类
最新评论

HTML 一个table布局

阅读更多


<html>
<head>
</head>
<body>
<div id="type_1" style="border:0px solid Silver;height:90%; width:100%">
       <table width=100% height=100% border=0 cellspacing=0 cellpadding=6 style="border:0px solid red">
        <tr>
         <td valign="middle" align="left" width=10% rowspan=3>
          <b>左边的
          </b>
         </td>
         <td valign="middle" align="left" width=20% height=25%>
          <input type="radio" name="param_con_1" id="param_con_1_1" value="1" checked>一一
         </td>
         <td valign="middle" align="left" width=20% height=25%>
          <input type="radio" name="param_con_1" id="param_con_1_2" value="2">一二
         </td>
         <td valign="middle" align="left" width=20% height=25%>
          <input type="radio" name="param_con_1" id="param_con_1_3"value="3">一三
         </td>
         <td valign="middle" align="left" width=20% height=25%>
          <input type="radio" name="param_con_1" id="param_con_1_4" value="4">一四
         </td>
        </tr>
        <tr>
         <td valign="middle" align="left" width=20% height=25%>
          <input type="radio" name="param_con_1" id="param_con_1_5" value="5">二一
         </td>
         <td valign="middle" align="left" width=20% height=25%>
          <input type="radio" name="param_con_1" id="param_con_1_6" value="6">二二
         </td>
         <td valign="middle" align="left" width=20% height=25%>
          <input type="radio" name="param_con_1" id="param_con_1_9" value="9">二三
         </td>
         <td valign="middle" align="left" width=20% height=25%>
          <input type="radio" name="param_con_1" id="param_con_1_10" value="10">二四
         </td>
        </tr>
        <tr>
         <td valign="middle" align="left" width=20% height=25%>
          <input type="radio" name="param_con_1" id="param_con_1_11" value="11">三一
         </td>
         <td valign="middle" align="left" width=20% height=25%>
          <input type="radio" name="param_con_1" id="param_con_1_12" value="12">三二
         </td>
        </tr>
        <tr>
         <td valign="middle"  align="left" height=10%>
          <b>参数值</b>
         </td>
         <td valign="middle" align="right" colspan=6 width="80%">&nbsp;
         <a id="is_input_1" href="#" onclick="importWindow('1')"><font color='#123456'><u><b>外部导入</b></u></font></a>
         <textarea  id="param_val_1" rows=5 style="width:99%" ></textarea>
         <br>
         另起一样
         </td>
        </tr>
        <tr>
         <td>&nbsp;</td>
        </tr>
          </table>
      </div>

</body>
</html>

分享到:
评论

相关推荐

    table布局练习.html

    是同学老师布置的一个作业,作业要求是用DW做,我拿来写代码练手了,因为我还没有系统的学习完看起来有点乱,至少在命名规范这一方面,而且很多HTML5不在用的标签也在用,是跟着作业要求一步一步来的。我最后还是用...

    为什么我们不建议用Table布局

    Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。 (增加设计的复杂度,增加页面加载时间,增加HTTP会话数。) 在某些浏览器中Table里的文字的拷贝会出现问题。 (这会让用户不悦。) Table会影响其内部的...

    JS 表单验证 使用Frameset+Table布局(div也可)

    2 使用Frameset+Table布局(div也可) 3 对用户ID和用户名、口令不符合条件及时判断 4 对口令不一致进行及时判断 对34的及时判断,要求提示信息必须显示在同一个页面 也就是说显示在当前的行的后面或者上面或者下面 ...

    table表格布局网页

    博客引用的table布局小例子,没有办法设置为0积分,请见谅

    简单网页table布局

    一些初级的javascript css html知识 一些初级的javascript css html知识

    html5 div布局与table布局详解

    本文实例为大家解析了html5 div布局与table布局,供大家参考,具体内容如下 div布局:html+css实现简单布局。 #container中height不能写成百分数,必须为具体高度。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang=...

    html的table标签作配置,进行swing的GridBagLayout布局

    根据html的table标签作为配置文件,进行swing GridBagLayout方式的布局管理。简化swing复杂界面布局不方便,容器定位的问题。 具体思想是将tabel td等标签相关元素和属性映射成GridBagConstraints的属性值,将布局...

    WindrunnerMax#EveryDay#Table布局1

    TABLE布局导航栏内容问题使用&lt;table&gt;来布局绝对不是一个好的解决方案,对于布局方案首选Flex布局,稍微复杂的布局可以选择Grid布局方案,&lt;table

    Table布局的优缺点介绍及为什么不建议使用

    Table布局的缺点是比其它html标记占更多的字节,会阻挡浏览器渲染引擎的渲染顺序,会影响其内部的某些布局属性的生效,优点就是用table做表格是完全正确的

    HTML 第八章 Table局部布局与浏览器兼容性

    NULL 博文链接:https://hotstrong.iteye.com/blog/1009212

    Table转div+css工具

    这个工具可以将原来table的html转换为div+css

    web前端 使用纯HTML,不使用CSS,利用的table布局hadoop

    1、创建一个文本文件main.html,用记事本打开 2、使用table完成布局和表格部分设计,网页宽度设计为1170px; 3、复制文本,使用&lt;font&gt;&lt;b&gt;等标记定义文本格式 4、复制网页链接地址 5、复制网页图片 hadoop.apache....

    基于display:table的CSS布局让HTML元素和像table一样

    最终,使用CSS布局来制作出类似于table布局的栅格将会变得十分迅速和简单。 网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大...

    学习ExtJS table布局

    一、Table布局由类Ext.layout.TableLayout定义,类以于html中的table,可以对行或列进行合并。 layoutConfig使用columns指定父容器分成3列, rowspan合并行数目。 colspan合并列数目。 二、应用举例 代码如下: Ext....

    CSS display属性的table表格布局

    新需求需要在表格使用单元格合并,网上调查返现CSS display:table实现的table表格,没有单元格的属性和样式,经过一番思考,曲折现实了单元格的合并,即采用正行嵌套一个单独的display:table的DIV,然后在嵌套的表格...

    EasyTable.js插件1.0

    EasyTable插件,用于html页面前端table布局的插件。

    网页设计HTML表格基础与布局优秀PPT.ppt

    网页设计HTML表格基础与布局是网页设计的基础知识之一。通过学习HTML表格基础与布局,开发者可以更好地掌握网页设计的技术和技巧。 一、HTML表格基础 HTML表格是网页设计中最基本的结构元素之一。HTML表格由&lt;table...

    Table2CSSConverter4.2.4

    Table2CSS Converter这是一个搜索引擎优化工具,转换成网页的HTML代码表tableless的CSS 。 有好多做网站和喜欢SEO的朋友都青睐把网站用DIV+CSS构建,但对于DIV+CSS技术不是很熟练的网友来说,因为考虑到网站CSS在...

    Table2CSS3.0.0完美汉化破解版|普通表格布局网页自动转DIV+CSS

    Table2CSS是一款可以将表格布局网页完美转换 成DIV+CSS方式的软件。 支持外部CSS,支持网页及目录批量转换。 Table2CSS在线演示视频:(演示视频为英文版本,软件为中文版本) http://www.table2css.com/demo-video ...

Global site tag (gtag.js) - Google Analytics