zoukankan      html  css  js  c++  java
  • 表格

    表格标签:

    作用:展示数据

            页面布局

    <table></table>表格

    table的属性:width 宽度    可以用百分比或像素表示

                       border 边框    定义边框的粗细

                       bgcolor 背景色  

                       bordercolor 边框颜色

                       background   背景图片

                       cellpadding  单元格间距  内容跟单元格边框的间距

                       cellspacing  单元格边距   单元格与单元格之间的距离

    <tr></tr> 行

    <td></td> 单元格

    td的属性:width 单元格宽度

                   height  单元格高度

                   bgcolor 单元格背景色

                   align 单元格内容的水平对齐方式    aligh="left"  左对齐       aligh="right"  右对齐          aligh="center" 居中对齐

                   valign  单元格内容的垂直对齐方式   valign="top" 居上对齐         valign="middle"  居中对齐             valign="bottom"  居下对齐

    colspan="n"  合并列   在行里面合并列 ( n 合并单元格个数)

    rowspan="n"   合并行  在列里面合并行( n 合并单元格个数)

    <th></th>  表头  单元格的内容自动居中加粗     替换<td></td>        后加<tbody></tbody>

    例<tr>

              <th>内容1</th>

              <th>内容2</th>

              <th>内容3</th>

       </tr>

       

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>
    
    <body>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="80"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="750" height="80">&nbsp;</td>
            <td>首页</td>
            <td>产品介绍</td>
            <td>公司概括</td>
            <td>了解我们</td>
            <td>&nbsp;</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="300">&nbsp;</td>
      </tr>
      <tr>
        <td height="200"><table width="100%" border="1" cellspacing="0" cellpadding="0">
          <tr>
            <td height="300">&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="70" bgcolor="#0099FF">&nbsp;</td>
      </tr>
    </table>
    </body>
    </html>

  • 相关阅读:
    nginx 转发配置
    Rancher中httpd证书的管理和使用
    JDK-docker
    软路由
    rancher相关
    rancher部署
    电商 好文 知识积累
    SpringBlade 接口文档 请求token接口报错
    SpringBlade 接口文档 无法访问
    电商 好文
  • 原文地址:https://www.cnblogs.com/jgjk/p/6950554.html
Copyright © 2011-2022 走看看