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>
      

      二、心得体会

      今天学习了很多新的知识,这些新的html代码对于我来说有些困难,但是我会做更多的练习,接下来我也会用心学习。这次课程还是要在一定的基础上进行学习的,使我明白在听课过程中应该多做记录,在练习的时候不要害怕出现错误,要勇于尝试才能有更深的学习感悟。对网页本身的了解也是此次学习的基础。代码的逻辑性很强,编程时需要注意逻辑和各个属性标签之间的运用。但是学习初期的重点还是熟练掌握各种代码的意义和运用。

      评论