美文网首页
HTML表格

HTML表格

作者: YAN_DAOJIANG | 来源:发表于2020-02-19 13:31 被阅读0次
    • 表格:<table></table>, 行标签<tr></tr>,单元格(放在相应的行标签内) <td></td>,三个标签逐层包含
    • 默认没有边线,通过属性 border = "1"可以增加简单边线;
    • 表头<th></th>,此时内容加粗,居中显示
    • 宽度 width = 500px
    • 表格标题 <caption></caption>,必须紧跟在<table>标签之后,且一个表格只能有一个标题
    • 表格结构标签,对表格进行分组,结构划分,优化显示:表格的头<thead>,表格主体<tbody>, 表格脚注<tfoot>

    • <table>表格属性: 表格宽度width, 默认为内容宽度
    • <table>表格属性:外边框宽度border
    • <table>表格属性: 表格相对周围元素的对齐方式align,可以有left,center,right
    • <table>表格属性: 表格背景颜色 Bgcolor,可以通过rgb( , , ),#××××和Colorname设置
    • <table>表格属性:单元边沿与其内容之间的空白Cellpandding,可以通过pixels或者百分比进行设置
    • <table>表格属性:单元格之间的空白cellspacing,通过pixels或者百分比进行设置
    • <table>表格属性: 规定外侧边框哪个部分是可见的frame,值有void,above,below,hsides,vsides,lhs,rhs,box,border
    • <table>表格属性:规定内侧边框哪个部分是可见的rules,值有none,groups, rows, cols, all

    • <tr>标签属性:行内容水平对齐align,值可以有Left,center,right,justify,char
    • <tr>标签属性:行内容垂直对齐方式, Valign值可以有top,middle, bottom,baseline
    • <tr>标签属性:行的背景颜色Bgcolor

    • <td>和<th>标签属性:align单元格的水平对齐方式
    • <td>和<th>标签属性:valign单元格的垂直对齐方式
    • <td>和<th>标签属性:bgcolor单元格的背景颜色
    • <td>和<th>标签属性:width单元格的宽度
    • <td>和<th>标签属性:height单元格的高度

    • <thead>、<tbdoy>和<tfoot>标签属性:alignvalign

    • 跨列属性 clospan = 2,在相应的<td>标签中进行设置,并对<td>标签的数量进行改变
    • 跨行属性rowspan,也是写在相应的单元格标签内

    • 表格嵌套:嵌入的表格要是完整结构,并放在<td>标签内部

    相关文章

      网友评论

          本文标题:HTML表格

          本文链接:https://www.haomeiwen.com/subject/pmkafhtx.html