• HTML表格


    <table>标签

    表格由<table>标签来定义,每个表格均有若干行(由<tr>标签定义),每行被分割为若干单元格(由<td>标签定义)。字母td指表格数据,即数据单元的内容。数据单元可以包含文本、图片、段落、表单、水平线、表格等等

    表格和边框属性

    如果不定义边框,表格就不显示边框。边框由<table border="1">决定,数字不同,边框的粗细不同。

    表格的表头

    表头由<th>标签进行定义,大多数浏览器会把表头显示为粗体居中的文本。

    表格中的空单元格

    在一些浏览器中,没有内容的表格单元显示的不太好,如果某个单元格是空的(没有内容),浏览器就无法显示这个单元格的边框。为了避免这个情况,在空单元格中添加一个空格占位符,就可以把边框显示出来。no-breaking空格

    横跨两列的单元格

    横跨两列的单元格:

    姓名电话
    Bill Gates 555 55 854 555 55 854

    横跨两行的单元格:

    姓名 Bill
    电话 555 55 555
    555 55 555

    cellpadding设置单元格边距:cellpadding="20"

    cellspacing增加单元格的间距:cellspacing=“10”

    给表格添加背景颜色:<table border="1" bgcolor="red">

    给表格添加背景图像:background=""

    也可以单个单元格添加背景颜色和背景图像<td bgcolor="red">Hello</td>

    在表格单元中排列内容<td align="left">Hello</td>向左排列

    元素"align"、"bgcolor"是不赞成使用的,应使用样式代替。

    <:&lt

    >:&gt

    表格描述
    <table> 定义表格
    <caption> 定义表格标题
    <th> 定义表格的表头
    <tr> 定义表格的行
    <td> 定义表格单元
    <thead> 定义表格的页眉
    <tbody> 定义表格的主体
    <tfoot> 定义表格的页脚
    <col> 定义用于表格列的属性
    <colgroup> 定义表格列的组

                                  

    属性描述
    align

    left

    center

    right

    不赞成使用。请用样式代替。

    规定表格相对周围元素的对齐方式。

    bgcolor

    rgb(x,x,x)

    #xxxxxx

    colorname

    不赞成使用。请用样式代替。

    规定表格的背景颜色。

    border pixes 规定表格边框的宽度。
    cellpadding pixes % 规定表格边沿与其内容之间的空白。
    cellspacing pixes % 规定单元格之间的空白。
    frame

    void

    above

    below

    hsides

    lhs

    rhs

    vsides

    box

    border

    规定侧边框的哪个部分是可见的。
    rules

    none

    groups

    rows

    cols

    all

    规定内侧边框的哪个部分是可见的。
    summary text 规定表格的摘要。
    width % pixes 规定表格的宽度。
  • 相关阅读:
    Embed标签中的symbol的作用
    loader的右键菜单不响应
    使用[frame()]数据标签制作的纯AS preLoader
    REST是什么(转)
    Ruby on Rails
    Ruby on Rails 数据库连接及mysql乱码
    Ruby On Rails——安装
    Asp.net mvc 3 beta 新特性介绍
    使用 Git 管理源代码
    Asp.net发送邮件的两种方法
  • 原文地址:https://www.cnblogs.com/chhom/p/4917871.html
Copyright © 2020-2023  润新知