`
除了你无可取代
  • 浏览: 147984 次
  • 性别: 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布局的简单网页

    综上所述,一个table布局的简单网页涉及了HTML基础、CSS样式控制、响应式设计原则以及网页优化技巧。虽然现代网页设计更倾向于使用流式布局(如Flexbox或Grid),但了解和掌握table布局仍然是理解网页构建过程中的一...

    简单网页table布局

    "简单网页table布局"主要涉及HTML、CSS和JavaScript这三种核心技术,它们是网页开发的基础。这里我们将深入探讨这些知识点,并结合"中脉综合操作平台0.70"这个项目,来理解它们在实际应用中的作用。 首先,HTML(超...

    table布局网页转换为div+CSS布局的转换软件

    在描述中提到的“table布局网页转换为div+CSS布局的转换软件”能够快速高效地完成这一转变,无论是对于简化网页代码,还是提升网页性能,都有显著效果。 软件支持绝对定位和流定位,这意味着它可以处理复杂的布局...

    Ext table布局实例 formpanel的table布局

    Ext table布局主要用于显示数据,它基于HTML的`&lt;table&gt;`元素来组织组件,每个单元格可以包含一个或多个组件。这种布局适用于展示结构化的数据,例如表格或列表。使用table布局,你可以灵活地控制列宽、行高,以及...

    table布局练习.html

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

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

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

    中小型企业静态网站table布局

    在这个案例中,我们关注的是“table布局”,一种传统的网页布局方式,尤其适用于展示结构化数据,如纺织品的信息。然而,随着Web技术的发展,现代网页设计更倾向于使用Div+CSS布局,它提供了更大的灵活性和更好的可...

    table网页布局网站

    "table布局的企业网站"这个主题意味着我们将学习如何在企业网站中有效利用Table布局。企业网站可能包括产品目录、服务介绍、联系方式等内容,合理使用Table布局可以清晰地展示信息,提高用户体验。 总结,Table...

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

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

    利用层的table-row、table-cell属性进行页面布局

    当一个元素的`display`属性设置为`table-row`时,该元素会表现得像HTML的`&lt;tr&gt;`元素,即表格行;同样,如果一个元素的`display`属性设置为`table-cell`,它就会表现得像`&lt;td&gt;`或`&lt;th&gt;`元素,即表格单元格。 在页面...

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

    HTML表格(Table)是网页设计中的一个重要组成部分,用于组织数据并呈现结构化的信息。在第八章"HTML Table局部布局与浏览器兼容性"中,我们将会深入探讨如何有效地使用表格进行布局,以及在不同浏览器间保持良好的...

    table表格布局网页

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

    Table转div+css工具

    相比之下,Div是HTML中的一个通用容器元素,配合CSS(层叠样式表)可以实现更灵活、更精确的页面布局。CSS允许我们将样式与结构分离,提高了页面的可读性,降低了代码冗余,并使网页适应不同设备的显示需求。 Table...

    HTML用table写的一个网页,纯table源码

    在这个"HTML用table写的一个学校首页"示例中,我们可以学习到如何利用HTML的`&lt;table&gt;`标签来构建一个简单的网页布局,这对于初学者或者刚接触网页设计的人来说是非常有价值的。尽管现代网页设计倾向于使用更灵活的...

    Html中用table画斜线

    一个简单的表格由`&lt;table&gt;`标签开始,包含若干行`&lt;tr&gt;`(表格行)和列`&lt;td&gt;`(表格数据单元格)。例如: ```html &lt;table&gt; 内容1 内容2 内容3 内容4 &lt;/table&gt; ``` 要在`&lt;td&gt;`中添加斜线,有几种常见的...

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

    3. **图像处理复杂**:若要在Table中展示复杂的图片,可能需要将一个图像切割成多个部分,增加了设计和维护的难度,同时也延长了页面加载时间。 4. **文本复制问题**:在某些浏览器中,用户尝试从Table中复制文本...

    纯css table 样式布局制作人口统计table表格样式代码

    本教程将详细讲解如何使用纯CSS来制作一个人口统计表格的样式布局。 首先,我们需要创建一个基本的HTML表格结构。表格由`&lt;table&gt;`元素开始,包含`&lt;thead&gt;`(表头)、`&lt;tbody&gt;`(主体)和`&lt;tfoot&gt;`(表脚)部分。在`...

    html5 div布局与table布局详解

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

    HTML Table 漂亮的CSS

    在网页设计中,HTML表格(Table)是一种常用的数据展示方式,而通过应用合适的CSS(Cascading Style Sheets)样式,我们可以让这些表格看起来更加美观、专业。本资源包"HTML Table 漂亮的CSS"提供了多种独立的CSS...

Global site tag (gtag.js) - Google Analytics