<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%">
<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> </td>
</tr>
</table>
</div>
</body>
</html>
分享到:
相关推荐
综上所述,一个table布局的简单网页涉及了HTML基础、CSS样式控制、响应式设计原则以及网页优化技巧。虽然现代网页设计更倾向于使用流式布局(如Flexbox或Grid),但了解和掌握table布局仍然是理解网页构建过程中的一...
"简单网页table布局"主要涉及HTML、CSS和JavaScript这三种核心技术,它们是网页开发的基础。这里我们将深入探讨这些知识点,并结合"中脉综合操作平台0.70"这个项目,来理解它们在实际应用中的作用。 首先,HTML(超...
在描述中提到的“table布局网页转换为div+CSS布局的转换软件”能够快速高效地完成这一转变,无论是对于简化网页代码,还是提升网页性能,都有显著效果。 软件支持绝对定位和流定位,这意味着它可以处理复杂的布局...
Ext table布局主要用于显示数据,它基于HTML的`<table>`元素来组织组件,每个单元格可以包含一个或多个组件。这种布局适用于展示结构化的数据,例如表格或列表。使用table布局,你可以灵活地控制列宽、行高,以及...
是同学老师布置的一个作业,作业要求是用DW做,我拿来写代码练手了,因为我还没有系统的学习完看起来有点乱,至少在命名规范这一方面,而且很多HTML5不在用的标签也在用,是跟着作业要求一步一步来的。我最后还是用...
Table里显示图片时需要你把单个、有逻辑性的图片切成多个图。 (增加设计的复杂度,增加页面加载时间,增加HTTP会话数。) 在某些浏览器中Table里的文字的拷贝会出现问题。 (这会让用户不悦。) Table会影响其内部的...
在这个案例中,我们关注的是“table布局”,一种传统的网页布局方式,尤其适用于展示结构化数据,如纺织品的信息。然而,随着Web技术的发展,现代网页设计更倾向于使用Div+CSS布局,它提供了更大的灵活性和更好的可...
"table布局的企业网站"这个主题意味着我们将学习如何在企业网站中有效利用Table布局。企业网站可能包括产品目录、服务介绍、联系方式等内容,合理使用Table布局可以清晰地展示信息,提高用户体验。 总结,Table...
2 使用Frameset+Table布局(div也可) 3 对用户ID和用户名、口令不符合条件及时判断 4 对口令不一致进行及时判断 对34的及时判断,要求提示信息必须显示在同一个页面 也就是说显示在当前的行的后面或者上面或者下面 ...
当一个元素的`display`属性设置为`table-row`时,该元素会表现得像HTML的`<tr>`元素,即表格行;同样,如果一个元素的`display`属性设置为`table-cell`,它就会表现得像`<td>`或`<th>`元素,即表格单元格。 在页面...
HTML表格(Table)是网页设计中的一个重要组成部分,用于组织数据并呈现结构化的信息。在第八章"HTML Table局部布局与浏览器兼容性"中,我们将会深入探讨如何有效地使用表格进行布局,以及在不同浏览器间保持良好的...
博客引用的table布局小例子,没有办法设置为0积分,请见谅
相比之下,Div是HTML中的一个通用容器元素,配合CSS(层叠样式表)可以实现更灵活、更精确的页面布局。CSS允许我们将样式与结构分离,提高了页面的可读性,降低了代码冗余,并使网页适应不同设备的显示需求。 Table...
在这个"HTML用table写的一个学校首页"示例中,我们可以学习到如何利用HTML的`<table>`标签来构建一个简单的网页布局,这对于初学者或者刚接触网页设计的人来说是非常有价值的。尽管现代网页设计倾向于使用更灵活的...
一个简单的表格由`<table>`标签开始,包含若干行`<tr>`(表格行)和列`<td>`(表格数据单元格)。例如: ```html <table> 内容1 内容2 内容3 内容4 </table> ``` 要在`<td>`中添加斜线,有几种常见的...
3. **图像处理复杂**:若要在Table中展示复杂的图片,可能需要将一个图像切割成多个部分,增加了设计和维护的难度,同时也延长了页面加载时间。 4. **文本复制问题**:在某些浏览器中,用户尝试从Table中复制文本...
本教程将详细讲解如何使用纯CSS来制作一个人口统计表格的样式布局。 首先,我们需要创建一个基本的HTML表格结构。表格由`<table>`元素开始,包含`<thead>`(表头)、`<tbody>`(主体)和`<tfoot>`(表脚)部分。在`...
本文实例为大家解析了html5 div布局与table布局,供大家参考,具体内容如下 div布局:html+css实现简单布局。 #container中height不能写成百分数,必须为具体高度。 <!DOCTYPE html> <html> <head lang=...
在网页设计中,HTML表格(Table)是一种常用的数据展示方式,而通过应用合适的CSS(Cascading Style Sheets)样式,我们可以让这些表格看起来更加美观、专业。本资源包"HTML Table 漂亮的CSS"提供了多种独立的CSS...