网页设计与制作第6章列表与框架

网页设计与制作第6章列表与框架

ID:37556718

大小:321.31 KB

页数:15页

时间:2019-05-12

上传者:U-145848
网页设计与制作第6章列表与框架_第1页
网页设计与制作第6章列表与框架_第2页
网页设计与制作第6章列表与框架_第3页
网页设计与制作第6章列表与框架_第4页
网页设计与制作第6章列表与框架_第5页
资源描述:

《网页设计与制作第6章列表与框架》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

第6章列表与框架学习目标:用CSS设置列表灵活使用内联框架 6.1列表标签描述备注

    定义有序列表。
      定义无序列表。
    • 定义列表项。用于
          之内
          定义定义列表。
          定义定义项目。
          定义定义的描述。已废弃。被
            代替已废弃。被
              代替。2010网页设计与制作2第6章 6.1.1有、无序列表的基本格式有序列表基本格式:
              1. 列表项1
              2. 列表项2
              3. ……
              4. 列表项n
              无序列表基本格式:
              • 列表项1
              • 列表项2
              • ……
              • 列表项n
              2010网页设计与制作3第6章 6.1.2有、无序列表的标记属性属性使用范围取值描述compact
                  compact规定列表呈现的效果比正常情况更小巧start
                    数值规定有序列表起始的编号type
                    1. 1、A、a、I、i规定有序列表表项符号
                      • disc、square、circle规定无序列表表项符号为●、■、○2010网页设计与制作4第6章 6.1.3定义列表基本格式:
                        定义项1
                        定义描述1
                        定义项2
                        定义描述2
                        ……
                        定义项n
                        定义描述n
                        2010网页设计与制作5第6章 6.1.4列表的嵌套格式举例:
                        1. 列表项1
                          • 列表项1
                          • 列表项2
                          • ……
                          • 列表项n
                        2. ……
                        3. 列表项n
                        2010网页设计与制作6第6章 6.1.5CSS中的列表属性属性取值描述list-stylediscoutsidenone简写属性。用于把所有用于列表的属性设置于一个声明中。默认取值:list-style-imageURL、none将图象设置为列表项标志。list-style-positioninside、outside设置列表中列表项标志的位置。list-style-type请见下页设置列表项符号的类型。2010网页设计与制作7第6章 6.1.6list-style-type属性取值1值描述none无表项符号。disc实心圆。circle空心圆。square实心方块。decimal数字。decimal-leading-zero0开头的数字。(01,02,03,等。)lower-roman小写罗马数字(i,ii,iii,iv,v,等。)upper-roman大写罗马数字(I,II,III,IV,V,等。)lower-alpha小写英文字母Themarkerislower-alpha(a,b,c,d,e,等。)upper-alpha大写英文字母Themarkerisupper-alpha(A,B,C,D,E,等。)lower-greek小写希腊字母(alpha,beta,gamma,等。)lower-latin小写拉丁字母(a,b,c,d,e,等。)upper-latin大写拉丁字母(A,B,C,D,E,等。)2010网页设计与制作8第6章 6.1.6list-style-type属性取值2值描述hebrew传统的希伯来编号方式armenian传统的亚美尼亚编号方式georgian传统的乔治亚编号方式(an,ban,gan等)cjk-ideographic简单的表意数字hiragana标记是:a,i,u,e,o,ka,ki,等。(日文片假名)katakana标记是:A,I,U,E,O,KA,KI,等。(日文片假名)hiragana-iroha标记是:i,ro,ha,ni,ho,he,to,等。(日文片假名)katakana-iroha标记是:I,RO,HA,NI,HO,HE,TO,等。(日文片假名)2010网页设计与制作9第6章 6.2框架通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。框架结构标记框架结构标签()定义如何将窗口分割为框架每个frameset定义了一系列行或列rows/columns的值规定了每行或每列占据屏幕的面积框架标签frame标签定义了放置在每个框架中的HTML文档。2010网页设计与制作10第6章 6.2.1框架的一般格式<body>Yourbrowserdoesnothandleframes!</body>2010网页设计与制作11第6章 6.2.2框架结构标记框架结构标记:,这是双标记。frameset定义如何将窗口分割为框架。每个frameset定义了一系列行或列。属性值描述colspixels定义框架集中列的数目和尺寸。%*rowspixels定义框架集中行的数目和尺寸。%*2010网页设计与制作12第6章 6.2.3框架标记框架标记是单标记。frame定义了放置在每个框架中的HTML文档。属性取值描述frameborder0、1规定是否显示框架周围的边框。longdescURL规定一个包含有关框架内容的长描述的页面。marginheightpixels定义框架的上方和下方的边距。marginwidthpixels定义框架的左侧和右侧的边距。namename规定框架的名称。noresizenoresize规定无法调整框架的大小。scrollingyes、no、auto规定是否在框架中显示滚动条。srcURL规定在框架中显示的文档的URL。2010网页设计与制作13第6章 6.2.4内联框架标记