边开车边打麻将:HTML笔记

来源:百度文库 编辑:九乡新闻网 时间:2024/04/30 06:35:33

HTML笔记(二)

  无序号列表:
    无序号列表使用的一对标签是
    ,每一个列表项前使用
  • 。其结构如下所示:     

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

    例:

     
      无序列表
     
     
      这是一个无序列表:


     


          国际互联网提供的服务有:
        
    • 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