zoukankan      html  css  js  c++  java
  • HTML表格

      <table width="50%" border="1" cellpadding="5" cellspacing="3">
                <caption>公司人才招聘</caption>
                <thead bgcolor="#CC9900" align="center" valign="bottom">
                    <tr>
                   <td width="20%">招聘职位</td>
                    <td width="25%">招聘人数</td>
                     <td width="30%">工作经验</td>
                      <td width="25%">学历要求</td>
                      </tr>
                </thead>
                <tbody bgcolor="#FFCCCC" align="center" valign="bottom">
                    <tr>
                        <td>高级设计师</td>
                        <td>5人</td>
                          <td>5年以上</td>
                            <td>大专及以上</td>
                    </tr>

                      <tr>
                        <td>设计师</td>
                        <td>4人</td>
                          <td>3年以上</td>
                            <td>大专及以上</td>
                    </tr>

                      <tr>
                        <td>业务员</td>
                        <td>8人</td>
                          <td>有工作经验者优先</td>
                            <td>不限</td>
                    </tr>
                </tbody>
                <tfoot bgcolor="#FFFF00" align="right" valign="bottom">
                    <tr>
                        <td colspan="4">以上职位,待遇从优</td>
                    </tr>
                </tfoot>
            </table>

    单元格间隔属性:cellspacing

    单元格补白属性:cellpadding

    合并列属性:colspan

    合并行属性:rowspan

    表标题:caption

    表格头行元素:thead

    表主体元素:tbody

  • 相关阅读:
    一文读懂网管协议
    Python 3.8 离线安装
    Redis 6.X 离线安装
    ES 日期格式影响聚合效果
    (1)Canal入门
    (10)MySQL进阶篇SQL优化(InnoDB锁-间隙锁)
    (9)MySQL进阶篇SQL优化(InnoDB锁-记录锁)
    (8)MySQL进阶篇SQL优化(InnoDB锁-共享锁、排他锁与意向锁)
    (7)MySQL进阶篇SQL优化(InnoDB锁-事务隔离级别 )
    (6)MySQL进阶篇SQL优化(MyISAM锁)
  • 原文地址:https://www.cnblogs.com/zhang123/p/3350286.html
Copyright © 2011-2022 走看看