- 1、本文档共15页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
网页的设计与制作 第6章列表与框架
2010网页设计与制作 第6章 第6章 列表与框架 学习目标: 用CSS设置列表 灵活使用内联框架 6.1 列表 6.1.1 有、无序列表的基本格式 有序列表基本格式: ol li列表项1/li li列表项2/li …… li列表项n/li /ol 无序列表基本格式: ul li列表项1/li li列表项2/li …… li列表项n/li /ul 6.1.2有、无序列表的标记属性 6.1.3 定义列表 基本格式: dl dt定义项1/dt dd定义描述1/dd dt定义项2/dt dd定义描述2/dd …… dt定义项n/dt dd定义描述n/dd /dl 6.1.4 列表的嵌套 格式举例: ol li列表项1/li li ul li列表项1/li li列表项2/li …… li列表项n/li /ul /li …… li列表项n/li /ol 6.1.5 CSS中的列表属性 6.1.6 list-style-type属性取值1 6.1.6 list-style-type属性取值2 6.2 框架 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。 框架结构标记frameset 框架结构标签(frameset)定义如何将窗口分割为框架 每个 frameset 定义了一系列行或列 rows/columns 的值规定了每行或每列占据屏幕的面积 框架标签frame frame 标签定义了放置在每个框架中的 HTML 文档。 6.2.1 框架的一般格式 frameset cols=25%, 25%,* noframes body Your browser does not handle frames! /body /noframes frame src=URL1 / frame src=URL2 / frame src=URL3 / /frameset 6.2.2 框架结构标记 框架结构标记:frameset,这是双标记。 frameset定义如何将窗口分割为框架。 每个 frameset 定义了一系列行或列。 6.2.3 框架标记 框架标记frame /是单标记。 frame定义了放置在每个框架中的HTML文档。 6.2.4 内联框架标记 iframe用于创建内联框架(即行内框架)。 6.2.5 注意事项 noframes标记是双标记。 可为那些不支持框架的浏览器显示文本。如果浏览器能处理框架,就不会显示出noframes中的文本。 noframes必须位于 frameset之内。 使用框架的弊端: 开发人员必须同时跟踪更多的HTML文档 很难打印整张页面 * * 用于ol与ul之内 备注 已废弃。被ul 代替。 menu 已废弃。被ul 代替 dir 定义定义的描述。 dd 定义定义项目。 dt 定义定义列表。 dl 定义列表项。 li 定义无序列表。 ul 定义有序列表。 ol 描述 标签 规定有序列表表项符号 1、A、a、I、i ol与li 规定有序列表起始的编号 数值 ol start ul与li ol与ul 使用范围 type 规定无序列表表项符号为●、■、○ disc、square、circle 规定列表呈现的效果比正常情况更小巧 compact compact 描述 取值 属性 请见下页 inside、outside URL、none disc outside none 取值 设置列表项符号的类型。 list-style-type 设置列表中列表项标志的位置。 list-style-position 将图象设置为列表项标志。 list-style-image 简写属性。用于把所有用于列表的属性设置于一个声明中。默认取值: list-style 描述 属性 大写拉丁字母(A, B, C, D, E, 等。) upper-latin 小写拉丁字母(a, b, c, d, e, 等。) lower-latin 小写希腊字母(alpha, beta, gamma, 等。) lower-greek 大写英文字母The marker is upper-alpha (A, B, C, D, E, 等。) upper-alpha 小写英文字母The marker is lower-alpha (a, b, c, d, e, 等。) lower-alpha 大写罗马数字(I, II, III, IV, V, 等。) upper-roman 小写罗马数字(i, ii, iii, iv, v, 等。) lower-roman 0开头的数字。(01, 02, 03, 等。) decimal-leading-zero 数字。 decimal 实心方块。
您可能关注的文档
- 转角沙发工艺与其保养方法.doc
- 轨顶风道与站台板施工方案.doc
- 路口灯火控制与显示系统设计.doc
- 轴载换算与设计弯沉值和容许拉应力计算.doc
- 轻钢龙骨隔墙安装和施工工艺控制标准(普与与管控).doc
- 路基路面试卷大题与答案.doc
- 输出轴工艺与夹具设计.doc
- 结构力学第9章节b.ppt
- 边跨与中跨合拢段施工工艺.doc
- 达州渠县龙潭介绍与背景.docx
- 2023-2024学年广东省深圳市龙岗区高二(上)期末物理试卷(含答案).pdf
- 2023-2024学年贵州省贵阳市普通中学高一(下)期末物理试卷(含答案).pdf
- 21.《大自然的声音》课件(共45张PPT).pptx
- 2023年江西省吉安市吉安县小升初数学试卷(含答案).pdf
- 2024-2025学年广东省清远市九校联考高一(上)期中物理试卷(含答案).pdf
- 广东省珠海市六校联考2024-2025学年高二上学期11月期中考试语文试题.pdf
- 2024-2025学年语文六年级上册第4单元-单元素养测试(含答案).pdf
- 2024-2025学年重庆八中高三(上)月考物理试卷(10月份)(含答案).pdf
- 安徽省安庆市潜山市北片学校联考2024-2025学年七年级上学期期中生物学试题(含答案).pdf
- 贵州省部分校2024-2025学年九年级上学期期中联考数学试题(含答案).pdf
最近下载
- “双 减”、“六项管理”教师应知应会试题及答案 (1).docx VIP
- 中班语言《谁的尾巴》PPT课件.ppt
- 2024年烟花爆竹经营单位主要负责人证考试500题及解析.doc
- 航海英语听力与会话-问答第四版完整版.pdf
- 手指软组织缺损临床路径及表单.docx VIP
- Unit8-it-must-belong-to-Carla-A市公开课一等奖省赛课微课金奖PPT课件.pptx
- 2024年新高考化学命题特点及试题分析.pdf
- 广东省市政工程竣工验收资料统一表格目录.docx
- 道德与法治赛课一等奖:《有多少浪费可以避免(第一课时)》教学设计详案(四下).docx VIP
- 当代公共空间装置艺术的审美倾向研究.pdf
文档评论(0)