• 第四节课 表格制作


    表格是由三个基本标签构成,由外到里的顺序是<table><tr><td></td></tr></table>

    举个例子:

    如果是三行两列,顺序就是这样的

     <tr>

         <td >        </td>

         <td>         </td>

                                                        </tr>

    <tr>  

         <td >        </td>

         <td>         </td>

                                                         </tr>

    <tr>   

         <td >        </td>

         <td>         </td>

                                                         </tr>

    </table>

    tr代表行,有几行就写几个,中间是内容,td代表列,也是有几列写几个,在遇到比较复杂的网页时,要学会拆分,先做出大体表格,然后再细分

          设计和代码页,是同步的,设计页面做出一个表格,从属性设置宽度高度 宽度有像素单位还有百分比,像素是固定的大小,百分比是 1到100之间,相对于浏览器的边距来说,它随着浏览器的变化而变化

          当在设计页面插入表格在调整时,会出现调整单元格边距,间距还有宽度等,代码页会出现widch="100%",border="0",cellspacing="0",cellpadding="0"  都是属性分别代表宽度,边框,单元格边距还有单元格间距,后面的值,都是根据情况自己设置,设置单元格宽度时,只设置每一列第一个单元格宽度就可以,在布局页面时,不要边框,所以数值为0,做数据时可以显示一般数值为1,单元格边距指两个单元格之间的距离,单元格间距是指里面的文字与外面边框的距离,单元格还有高度,高度在代码中是height,高度不是固定的,所以没有百分比,只有像素,当高度需要改变时,只调整每一行的第一个单元格就好

         在属性窗口里还有水平对齐和垂直对齐等方式,当需要改变时,选中单元格内要调整的内容,选一个方式就好,当单元格内内容较多时,默认的是换行,会换另一行继续内容,如果不想让它换行的话,选择属性表内的不换行就好,经常出现的几个属性词,align水平,center 居中,valign 垂直对齐方式,bottom 靠下,当要改变内容在某个单元格的位置时,选中内容然后在属性中选择要改变的位置就好

         背景色,直接在属性窗口内选择背景颜色就好,它对应的代码就是bgcolor 背景色,在属性窗口里还有合并和拆分单元格选项,colspan 代表合并列,rowspan 代表合并行,如果合并行也合并烈,是既有colspan 又有rowspan 

         插入图片时,从代码页添加即可

  • 相关阅读:
    discuz Ucenter第三方双向同步登录
    python: 输出 1~100 之间不能被 7 整除的数,每行输出 10 个数字,要求应用字符串格式化方法美化输出格式。
    用python语言来判断一个数是否是水仙花数?
    java如何调用webservice接口
    ASP.NET 全局变量和页面间传值方法
    从客户端中检测到有潜在危险的 Request.Form 值] 处理办法
    第一次作业要点及重要属性
    Servlet生命周期
    cookie与session的比较
    零基础学习HTML5
  • 原文地址:https://www.cnblogs.com/qishuang/p/6011441.html
Copyright © 2020-2023  润新知