zoukankan      html  css  js  c++  java
  • 第四节课 表格制作

    表格是由三个基本标签构成,由外到里的顺序是<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 

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

  • 相关阅读:
    服务监控信息到底是“主动推送”还是“被动扫描”???
    spring boot metrics信息推送开发
    spring boot +RabbitMQ +InfluxDB+Grafara监控实践
    "敏捷革命"读书笔记
    对于搞技术的人怎样针对自己看什么书
    HBase数据库相关基本知识
    spring cloud 微服务日志跟踪 sleuth logback elk 整合
    日志收集(ElasticSearch)串联查询 MDC
    关于” 记一次logback传输日志到logstash根据自定义设置动态创建ElasticSearch索引” 这篇博客相关的优化采坑记录
    记一次logback传输日志到logstash根据自定义设置动态创建ElasticSearch索引
  • 原文地址:https://www.cnblogs.com/qishuang/p/6011441.html
Copyright © 2011-2022 走看看