`
流浪的我
  • 浏览: 33990 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

html表格

 
阅读更多

<table>:表格创建

<tr>:一行的创建

<th>:一个题头

<td>:一个普通单元格

注意:td元素中一定要非空,不然不能显示背景色。

通常组织形式如下

<table>

<tr>

<th></th>

<td></td>

</tr>

</table>

下面介绍<table>的常用属性:

(1)align:可选left\center\right,表明左对齐、右对齐、中间对齐。

(2)bgcolor:背景颜色,可选red\blue等常用颜色。

(3)border:默认表是没边框的,因此这个是创建边框。

(4)cellpadding:单元格的边和实际文本的间隔。

(5)cellspacing:单元格之间的间隙。

下面是<tr>的常用属性:

(1)align:left、center、right。默认<td>左对齐,<th>中对齐

(2)bgcolor:背景色

下面是<td>和<th>的常用属性:

(1)abbr:提供单元格的缩写版本。

(2)bgcolor

(3)colspan:一个单元格跨越的列的数量。

(4)nowrap:阻止文本换行。nowrap = "nowrap"

(5)rowspan:跨越行的数量。


<html>  
    <head><title>Home</title></head>  
    <body>  
        <table cellspacing = "2">  
            <tr bgcolor = "orange">  
                <th></th>  
                <th>Saturday</th>  
                <th>Sunday</th>  
            </tr>  
            <tr>  
                <th bgcolor = "orange">Morning</th>  
                <td>Hello world</td>  
                <td>Hello world</td>  
            </tr>  
            <tr>  
                <th bgcolor = "orange">Afternoon</th>  
                <td>Hello world</td>  
                <td>Hello world</td>  
            </tr>  
        </table>  
    </body>  
</html>  

 

分享到:
评论

相关推荐

    表格 html 表格 html 表格 html

    尽管随着Web技术的发展,`div`+`css`的布局方式逐渐成为主流,但在处理复杂的数据展示时,HTML表格仍然具有不可替代的作用。掌握了表格的基本语法以及各种高级特性,可以更好地利用表格来优化网站的设计和用户体验。

    漂亮的表格 HTML表格

    在网页设计中,HTML表格是一种常见的数据展示方式。它们用于组织和排列结构化的信息,如数据报告、统计分析等。本教程将深入探讨如何创建“漂亮的表格”并利用HTML、CSS和JavaScript增强用户体验。 首先,HTML是...

    一个对html表格分页的类

    HTML表格在展示大量数据时,如果不分页,用户可能需要滚动很长距离才能查看所有内容,这无疑降低了用户体验。为了改善这种情况,"一个对html表格分页的类" 提供了解决方案。这个类允许我们将已有的HTML表格转换为...

    tablesorter实现HTML表格点击表头排序

    在Web开发中,数据展示通常会使用到HTML表格。为了提升用户体验和数据管理效率,我们经常需要实现表格的排序功能,让用户可以按照表格列的值进行升序或降序排列。`tablesorter`是一个非常实用的JavaScript库,它为...

    HTML表格的美化修饰

    在网页设计中,HTML表格是展示数据和组织信息的重要元素。然而,仅使用基本的HTML表格标记可能无法满足我们对视觉吸引力和用户体验的需求。为了创建一个布局协调、色调统一、美观且大方的表格,我们需要掌握一些HTML...

    js导出html表格中数据示例

    在JavaScript中,将HTML表格的数据导出到Excel文件是一项常见的需求,这主要涉及到网页与本地文件系统的交互。本文将深入探讨这一过程中的关键知识点,并针对描述中提到的浏览器兼容性问题进行讨论。 首先,让我们...

    html表格头部固定 相应单元格宽度自适应内容区域单元格

    在网页设计中,HTML表格是一种常见的数据展示方式。然而,当表格内容过多导致需要滚动时,表头通常会被滚动条遮挡,给用户查看和理解数据带来不便。为了解决这个问题,我们可以采用“表格头部固定”技术,确保无论...

    实验三-HTML表格与HTML表单.doc

    HTML 表格与 HTML 表单 HTML 表格是 HTML 中的一种基本结构元素,用于组织和显示数据。HTML 表格由多个表格单元格组成,每个单元格可以包含文本、图像、表单元素等内容。HTML 表格的基本结构由 `&lt;table&gt;` 标记定义...

    HTML表格固定第一行第一列效果

    HTML表格是一种常用的数据展示方式,但在网页中,随着数据量的增加,滚动条的出现可能会导致用户失去对表头和列标识的视线。为了解决这个问题,我们可以实现一个类似于Excel的功能,即在滚动时固定表格的第一行和第...

    html表格控件tableview-1.1.2

    HTML表格控件`tableView`是前端开发中一种用于展示数据的高效工具,尤其适用于新手开发者。这个`tableView-1.1.2`版本是经过优化的,提供了丰富的功能和良好的用户体验。它基于jQuery库进行封装,确保了在各种浏览器...

    html表格排序资源

    HTML表格排序资源主要涉及到网页中数据展示的组织与管理,特别是在大数据量时,提供便捷的交互方式对数据进行排序,以提升用户体验。这里提到的两个主要工具是tablesorter和jquery-tablesort,它们都是基于...

    html表格导出为excel

    "HTML表格导出为Excel"就是一种常见的需求,它允许用户将展示在网页上的结构化数据,如表格,轻松地下载为Excel文件,便于进一步处理或分析。在这个过程中,我们通常会利用JavaScript库,比如jQuery,来实现这一功能...

    易语言数组转HTML表格(跟超级列表框一样用)

    本篇将详细讲解如何使用易语言将数组转换为HTML表格,以及如何实现类似超级列表框的效果。 首先,我们要理解数组的概念。数组是一种数据结构,它能存储同一类型的数据集合。在易语言中,数组可以用来保存一系列数值...

    html表格和CSS进行网页设计

    HTML表格和CSS是网页设计中的两个关键元素,它们一起构建了网页内容的结构和样式。HTML(HyperText Markup Language)负责定义网页的结构,而CSS(Cascading Style Sheets)则用于控制页面的布局和外观。 HTML表格...

    js页面插入html表格

    在JavaScript中动态插入HTML表格是一种常见的操作,尤其在创建数据展示或者交互式用户界面时非常有用。本篇文章将深入探讨如何在JavaScript中插入带有变量的HTML表格,以及如何通用地表达这一过程。 首先,我们需要...

    HTML表格生成Excel文件代码.zip

    HTML表格生成Excel文件是网页开发中常见的需求,尤其在数据展示和数据分析的场景下。这个压缩包"HTML表格生成Excel文件代码.zip"提供了一个解决方案,它利用了jQuery库的一个插件——jquery.table2excel,实现了从...

    HTML表格滚动条 两种形式

    HTML表格是一种常用的数据展示方式,它允许我们组织和呈现结构化的信息。在一些情况下,当表格数据过多,无法在一个屏幕内完全显示时,可以利用滚动条来提供更友好的用户体验。本篇将深入探讨如何在HTML表格中实现两...

    js实现html表格列宽可拖拽修改

    js实现html表格列宽可拖拽修改 .

Global site tag (gtag.js) - Google Analytics