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

  • 相关阅读:
    destoon自定义函数获取地区名称
    dt开发之-自定义函数获取分类名称
    dt二次开发之-地区链接伪静态标签用法
    DT二次开发之-采购页面加入好看的倒计时
    DT二次开发之-资讯列表中调用 TAG 关键词
    DT系统中tag如何使用like与%来进行模糊查询
    如何防护DDOS攻击策略
    织梦阿里云OSS解决方案
    漫画解读“跨视图粒度计算”,了解有数分析利器
    [译] 关于 SPA,你需要掌握的 4 层 (1)
  • 原文地址:https://www.cnblogs.com/zhang123/p/3350286.html
Copyright © 2011-2022 走看看