HTML笔记(二)

来源:百度文库 编辑:神马文学网 时间:2024/03/28 19:18:44
无序号列表:
无序号列表使用的一对标签是
    ,每一个列表项前使用
  • 。其结构如下所示:

    • 第一项
    • 第二项
    • 第三项

    例:


    无序列表


    这是一个无序列表:



      国际互联网提供的服务有:
    • WWW服务
    • 文件传输服务
    • 电子邮件服务
    • 远程登录服务
    • 其它服务



    显示结果:
    这是一个无序列表:
    国际互联网提供的服务有:
    WWW服务
    文件传输服务
    电子邮件服务
    远程登录服务
    其它服务
    序号列表:
    序号列表和无序号列表的使用方法基本相同,它使用标签
      ,每一个列表项前使用
    1. 。每个项目都有前后顺序之分,多数用数字表示。其结构如下所示:

      1. 第一项
      2. 第二项
      3. 第三项

      例:


      有序列表


      这是一个有序列表:



        国际互联网提供的服务有:
      1. WWW服务
      2. 文件传输服务
      3. 电子邮件服务
      4. 远程登录服务
      5. 其它服务



      显示结果:
      这是一个有序列表:
      国际互联网提供的服务有:
      1.WWW服务
      2.文件传输服务
      3.电子邮件服务
      4.远程登录服务
      5.其它服务
      定义性列表:
      定义性列表可以用来给每一个列表项再加上一段说明性文字,说明独立于列表项另起一行显示。在应用中,列表项使用标签
      标明, 说明性文字使用
      表示。在定义性列表中,还有一个属性是COMPACT,使用这个属性后,说明文字和列表项将显示在同一行。其结构如下 所示:

      第一项
      叙述第一项的定义
      第二项
      叙述第二项的定义
      第三项
      叙述第三项的定义

      例:


      定义性列表


      这是一个定义性列表:



      WWW
      WWW是全球信息网(World wide web)的缩写,也有人称之为3W、W3、Web。
      Hyper Text
      Hyper Text是超文本。文件通过超文本,可链结到其它地方的数据文件,取得分散在各地的数据。



      显示结果:
      这是一个定义性列表:
      WWW
      WWW是全球信息网(World wide web)的缩写,也有人称之为3W、W3、Web。
      Hyper Text
      Hyper Text是超文本。文件通过超文本,可链结到其它地方的数据文件,取得分散在 各地的数据。
      表格的基本结构:
      ...
       定义表格
      ... 定义标题
       定义表行
       定义表头
       定义表元(表格的具体数据)
      例:
      姓名性别年龄
      王林25

      显示结果:
      姓名 性别 年龄
      王林 男 25
      表格的标题
      表格标题的位置,可由ALIGN属性来设置,其位置分别由表格上方和表格下方。下面为表格标题位置的设置格式。
      设置标题位于表格上方: ...
      设置标题位于表格下方: ...






      旅游日程
      日期9-1111-1313-14
      旅游地点青岛黄山杭州

      显示结果:
      旅游日程
      日期      9-11 11-13 13-14
      旅游地点 青岛  黄山    杭州
      表格的尺寸设置:
      1.表格的大小
      一般情况下,表格的总长度和总宽度是根据各行和各列的总和自动调整的,如果我们要直接固定表格的大小,可以使用下列方式:。width和height属性分别指定表格一个固定的宽度和长度,n1和n2可以用像素来表示,也可以用百分比(与整个屏幕相比的大小比例)来表示。
      2.边框尺寸设置
      边框是用border属性来体现的,它表示表格的边框边厚度和框线。将border设成不同的值,有不同的效果。
      如:
      //border=0则没有边框显示



      定货单
      苹果香蕉葡萄
      200公斤200公斤100公斤

      3.格间线宽度
      格与格之间的线为格间线,它的宽度可以使用中的CELLSPACING属性加以调节。格式是:   #表示要取用的像素值
      4.内容与格线之间的宽度
      我们还可以在
      中设置CELLPADDING属性,用来规定内容与格线之间的宽度。格式为:   #表示要取用的像素值
      表格内文字的对齐、布局:
      表格中数据的排列方式有两种,分别是左右排列和上下排列。左右 排列是以ALIGN属性来设置,而上下排列则由VALIGN属性来设置。其中左右排列的位置可分为三种:居左(left)、居右(right)和居中 (center);而上下排列基本上比较常用的有四种:上齐(top)、居中(middle)、下齐(bottom)和基线(baseline)。


        #=left, center, right

      --------------------------------------------------------------------------------
        #=top,middle,bottom,baseline

      跨多行、多列的表元:
      要创建跨多行、多列的表元,只需在
      中加入ROWSPAN或COLSPAN属性,这两个属性的值,表明了表元中要跨越的行或列的个数。
      跨多列的表元
       
      colspan表示跨越的列数,例如colspan=2表示这一格的宽度为两个列的宽度。
      跨多行的表元
       
      rowspan所要表示的意义是指跨越的行数,例如rowspan=2就表示这一格跨越表格两个行的高度。
      例:


      表格TABLE





      值班人员
      星期一 星期二 星期三
      李强张明王平

      表格的颜色:
      在表格中,既可以对整个表格填入底色,也可以对任何一行、一个表元使用背景色。
      表格的背景色彩   
      行的背景色彩    
      表元的背景色彩   

      #=rrggbb 16进制 RGB数码, 或者是下列预定义色彩名称:
      Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
      例:









      彩电 冰箱 家电
      AB