`
pcajax
  • 浏览: 2185547 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

共享两个有用的网页布局表格 【有用】

阅读更多

做网页设计的心得如下, 在布局方面可能会有好处

 

边框布局

<fieldset style="width:400px">
 <legend><span style="font size:12px">经典论坛</span></legend>

  <p align="left">
      <input type="checkbox" name="checkbox" value="checkbox">
      <span style="font size:12px">DW专栏</span> <br>
    </p>
    <p align="left">
      <input type="checkbox" name="checkbox2" value="checkbox">
      <span style="font size:12px">FW专栏</span></p>
    <p align="left">
      <input type="checkbox" name="checkbox3" value="checkbox">
      <span style="font size:12px">FLASH专栏</span></p>
 
</fieldset>

 

 

正式的布局
 <table cellpadding="0" width="100%" bgcolor="#F5F9FF" cellspacing="0" border="0">
        <tr>
            <td>
                <table border="1" rules="rows" bordercolordark="#D3D8E0" bordercolorlight="#4F7FC9"
                    cellpadding="5" cellspacing="0" width="100%">
                    <tr>
                        <td align="left" colspan="4" bgcolor="#E3EFFF" height="22" class="subHeader">
                            Project Info
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <table cellpadding="0" width="100%" cellspacing="0" border="0">
                               放入正式的东东
                            </table>
                      </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>

 作为分隔行
    <table cellspacing="0" cellpadding="0" width="100%" border="0" style="height: 10"
        bgcolor="#FFFFFF">
        <tr>
            <td>&nbsp;
               
            </td>
        </tr>
    </table>

分享到:
评论

相关推荐

    第十四课使用表格规划网页教学设计.pdf

    【网页表格设计】在网页制作中,表格是一个重要的布局工具,尤其在早期的网页设计中,表格被广泛用于规划和组织网页内容。本课重点介绍了如何在网页中使用表格进行规划,包括插入表格、嵌套表格以及表格的拆分和合并...

    CAD表格转化电子表格软件

    3. **设置选项**:勾选"Center"和"Draw"两个选框。"Center"可能是指将选定的表格居中对齐到Excel单元格,以保持原始布局。"Draw"可能是指在转换过程中保留表格的边框和线条,这样在Excel中仍能清晰识别表格结构。 4...

    两个UITableView关联

    例如,如果两个表格显示的是一个项目的不同属性,那么可以创建一个项目类,包含所有属性,然后将项目对象作为数据源。 2. **数据源的管理**:当一个表格的数据发生改变时,需要及时更新其他关联的表格。可以使用...

    android Activity线性布局和表格布局实例讲解

    以下是一个线性布局的示例,包含两个`TextView`: ```xml xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:...

    Android双向表格可滑动可双向适配

    这两个视图需要正确嵌套并配合使用,以确保用户可以在两个维度上平滑地滚动表格。 2. **自定义表头** 表头是数据可视化的重要组成部分,能够帮助用户理解和导航数据。在这个项目中,开发者提供了一种设置自定义...

    网页设计公用14级计算机网络1班教学日志(常用版).doc

    6. 表格:网页中的表格是一种用于控制网页页面布局的有效方法。为了达到理想的视觉效果,通常不显示表格的边框。使用表格辅助布局,可以实现网页横竖分明的风格。 7. 表单:表单是一种特殊的网页元素,通常用于收集...

    android_页面五大布局

    在示例中,两个具有`weight=1`的LinearLayout按比例共享垂直空间,而没有指定weight的元素则保持原大小。 3. **RelativeLayout**: RelativeLayout允许子元素相对于其他子元素或父布局的位置进行定位。这样可以...

    Android基础教程(二)之五大布局对象

    例如,如果两个TextView的weight设为1,而第三个不设置,那么前两个TextView将平均占据剩余空间。 3. **AbsoluteLayout(绝对布局)** AbsoluteLayout允许开发者直接设置子视图相对于父布局的精确坐标,这在某些...

    Android Layout ppt 资源共享

    例如,当有两个子视图,第一个的`layout_weight`为2,第二个为1时,第一个子视图将占据屏幕的2/3,而第二个占据1/3。 2. **AbsoluteLayout**:绝对布局允许开发者精确地指定每个组件在屏幕上的X和Y坐标,通过`...

    韩山师范学院大一计算机考试题库网页制作的试题.pdf

    10. 布局表格与普通表格的区别:布局表格是用来在网页设计中创建网页布局的特殊表格,而普通表格则主要用于显示数据。布局表格具有特殊属性,如可以嵌套布局表格和布局单元格。 11. 文件传输协议(FTP):FTP是文件...

    电子表格操作题

    公式以等号“=”开头,例如=A1+B1,表示对两个单元格求和。函数如SUM、AVERAGE、COUNT等,可以进行更复杂的计算和统计。 五、排序与筛选 排序功能允许用户按照一列或多列的值对数据进行升序或降序排列。筛选则可...

    网页制作考试题.pdf

    4. **网页布局**:常见的布局方式包括层布局、表格布局和帧布局,而表单布局通常不是用来布局网页的,而是用于创建网页中的交互元素。 5. **HTML特殊字符**:HTML提供了一些特殊字符,如空格符、换行符和版权符号。...

    SwiftUI仿表格效果完成代码

    通过以上分析,我们可以看出这个“SwiftUI仿表格效果完成代码”涵盖了SwiftUI的核心概念和实践技巧,包括布局、状态管理、自定义视图以及跨平台开发等多个方面。对于想要提升SwiftUI技能的开发者来说,这是一个宝贵...

    网页设计html详细案例介绍

    网页分为静态和动态两种类型。静态网页的内容在创建后固定不变,每次访问都返回相同的内容,通常以.htm或.html为扩展名。动态网页则在用户访问时由服务器根据请求实时生成,内容可能因用户行为或时间变化而变化,...

    Flex高级表格分组与列锁定

    同时,需要正确配置GridColumnSet来管理这两部分列的布局。 4. 自适应大小:锁定列后,需要考虑锁定区和非锁定区之间的分割线,确保其在窗口大小变化时能自适应调整。 三、Flex高级表格样式设置 1. 默认样式:Flex...

    网页制作测试题.docx

    同时,超链接可以分为文本超链接和图片超链接两个种类。在使用 FLASH 按钮超链接时,FLASH 按钮的名称不能为中文。如果链接的对象是同一网页中的内容,可以使用锚点链接。 CSS 样式 在 CSS 选择器中,“A:visited...

    Element实现表格嵌套、多个表格共用一个表头的方法

    在本文中,我们将探讨如何使用Element UI库来实现表格嵌套以及多个表格共用一个表头的功能。Element UI 是一个基于 Vue.js 的组件库,它提供了丰富的UI组件,包括表格(el-table)等,用于构建美观且响应式的前端...

    itextpdf 导出pdf 表格 自动分页中文 目录

    在IT行业中,PDF(Portable Document Format)是一种广泛用于文档共享的标准格式,因为它能保持文档的原始布局和格式不受操作系统或设备的影响。iTextPDF是一个Java库,专门用于创建、编辑和处理PDF文档,而`iText-...

    html 介绍(网页制作)

    根元素内部有两个主要部分:`&lt;head&gt;`和`&lt;body&gt;`。`&lt;head&gt;`部分存储元信息,如页面标题、字符编码声明、链接到外部资源(如CSS样式表)等。`&lt;body&gt;`部分则包含实际的网页内容,如文本、图片、表格、链接等。 **HTML...

Global site tag (gtag.js) - Google Analytics