2020.12.22胡雪斌

一、知识点总结

1.列表

1.1序号列表

序号列表和无序号列表的使用方法基本相同,它 使用标签

    ,每一个列表项前使用
  1. 。 每个项目都有前后顺序之分,多数用数字表示。 其结构如下所示:

    <OL>
        <LI>第一项
        <LI>第二项
        <LI>第三项
            </OL>
    

    1.2无序列表

    无序号列表使用的一对标签是

      ,每一个列表项前使用
    • 。其结构如下所示:

      <UL>
          <LI>第一项
          <LI>第二项
          <LI>第三项
              </UL>
      

      1.3定义性列表

      定义性列表可以用来给每一个列表项再加上一段 说明性文字,说明独立于列表项另起一行显示。 在应用中,列表项使用标签

      标明,说明性文字使用
      表示。在定义性列表中,还有一个属性是COMPACT,使用这个属性后,说明文字和列表项将显示在同一行。其结构如下所示:

      <DL>
      <DT>第一项 <DD>叙述第一项的定义
      <DT>第二项 <DD>叙述第二项的定义
      <DT>第三项 <DD>叙述第三项的定义
      </DL>
      

      2.表格

      2.1表格的基本结构

      <table>...</table> 定义表格
      <caption>...</caption> 定义标题
      <tr> 定义表行
      <th> 定义表头
      <td> 定义表元(表格的具体数据)
      

      定义表格 ... 定义标题 定义表行 定义表头 定义表元(表格的具体数据)

      2.2表格的标题

      表格标题的位置,可由ALIGN属性来设置,其位置分别由表格上方和表格下方。下面为表格标题位置的设置格式。
      设置标题位于表格上方:

      <caption align=top> ... </caption> 
      

      设置标题位于表格下方:

      <caption align=bottom> ... </caption>
      

      2.3表格尺寸设置

      • 表格的大小
      一般情况下,表格的总长度和总宽度是根据各行和各列的总和自动调整的,如果我们要直接固定表格的大小,可以使用下列方式:

      <table width=n1 height=n2>
      

      width和height属性分别指定表格一个固定的宽度和长度,n1和n2可以用像素来表示,也可以用百分比(与整个屏幕相比的大小比例)来表示。

      • 边框尺寸设置
      边框是用border属性来体现的,它表示表格的边
      框边厚度和框线。将border设成不同的值,有不
      同的效果。
      如:

      <table border=10 width=250>
      <caption>定货单</caption>
      <tr><th>苹果</th><th>香蕉</th><th>葡萄</th>
      <tr><td>200公斤</td><td>200公斤</td><td>100
      公斤</td>
      </table> 
      

      • 格间线宽度
      格与格之间的线为格间线,它的宽度可以使用

      >中的CELLSPACING属性加以调节。格式是:

      <TABLE CELLSPACING=#>
      

      表示要取用的像素值

      例:

      <table border=3 cellspacing=5>
      <caption>定货单</caption>
      <tr><th>苹果</th><th>香蕉</th><th>葡萄</th>
      <tr><td>200公斤</td><td>200公斤</td><td>100公斤
      </td>
      </table>
      

      • 内容与格线之间的宽度
      我们还可以在

      中设置CELLPADDING属性,用来规定内容与格线之间的宽度。格式为:

      <TABLE CELLPADDING=#>
      

      表示要取用的像素值

      例:

      <table border=3 cellpadding=5>
      <caption>定货单</caption>
      <tr><th>苹果</th><th>香蕉</th><th>葡萄</th>
      <tr><td>200公斤</td><td>200公斤</td><td>100公斤
      </td>
      </table>
      

      二、心得体会

      今天也学习了很多新的知识,我们学习了制作表格,虽然有点难度,但是我们后来还是慢慢的弄出来了,尽管不是那么的完美,也和要求不是很一致,但是我觉得这也是一种进步,老师讲完之后感觉并不是很难但是自己动手做的时候一开始真的有点摸不清头绪,上课的时候也是很累,毕竟一整天要上一样的课,感觉比上课要累很多。

      2021年6月
      « 5月    
       123456
      78910111213
      14151617181920
      21222324252627
      282930  
    • 近期文章

      标签

      分类目录

      近期评论

      标签

      IT特种兵 云创动力前端开发工程师 云创动力后端开发工程师 云创集训 开发喵 教育生态服务商

      评论

      © 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1