第7章网页制作与编程基础.ppt

7.2 HTML语言 7.2.7 列表 列表可以分为无序列表、有序列表和自定义列表。 1．无序列表 无序号列表使用的一对标签是ul/ul，每一个列表项前使用LI。其结构如下所示： UL LI第一项 LI第二项 LI第三项 /UL 实例1：结果请查看图7-21 html head title无序列表/title /head body 这是一个无序列表：P UL 国际互联网提供的服务有： LIWWW服务 LI文件传输服务 LI电子邮件服务 LI远程登录服务 LI其它服务 /UL /body /html 7.2 HTML语言 7.2.7 列表 列表可以分为无序列表、有序列表和自定义列表。 2．有序列表 有序列表和无序列表的使用方法基本相同，它使用标签OL/OL，每一个列表项前使用LI。每个项目都有前后顺序之分，多数用数字表示。其结构如下所示： OL LI第一项 LI第二项 LI第三项 /OL 实例2：结果请查看图7-22 html head title有序列表/title /head body 这是一个有序列表：P OL 国际互联网提供的服务有： LIWWW服务 LI文件传输服务 LI电子邮件服务 LI远程登录服务 LI其它服务 /OL /body /html 7.2 HTML语言 7.2.7 列表 列表可以分为无序列表、有序列表和自定义列表。 3．自定义列表 除了上述两种列表以外，还可以根据需要自定义列表样式。格式为： DL DT…/DT DD…/DD DT…/DT DD…/DD … /DL 7.2 HTML语言 7.2.8 样式表（CSS）简介 1．样式表（CSS）概述 样式表（stylesheets）的技术诞生于1996年底，全称是层叠样式表（Cascading Stylesheets－简称CSS），它可以对布局、字体、颜色、背景和其它图文效果实现更加精确的控制。使用样式表只通过修改一个文件就改变大量的网页的外观和格式，使网页的风格统一。使用样式表的具体优势主要体现在以下几个方面： 格式和结构分离： 更好的控制页面全局的能力： 可以制作出体积更小下载更快的网页： 更快更容易地维护及更新大量的网页： 7.2 HTML语言 7.2.8 样式表（CSS）简介 2．CSS添加到网页中的方法 (1)链接外部CSS样式表 (2)在HTML文档中植入CSS样式 (3)在标记中加入样式 (4)导入CSS样式表 (5)用脚本来运用CSS样式 7.3 脚本语言基础 7.3.1 脚本语言概述 1．脚本语言的优势 脚本语言作为用来控制网页的控件和对象的一种编程语言的出现，它可以使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交式的表达能力。从而基于CGI静态的HTML页面被可提供动态实时信息，并对客户操作进行反应的Web页面的取代，脚本正是满足这种需求而产生的语言。 脚本语言是一种非编译语言，直接被浏览器所解释执行，它是一种事件型程序，通过捕捉用户在各种浏览器中的行为来触发特定的程序段。 脚本语言容易使用，在完成小任务方面表现相当出色，比如检查表单数据它在控制浏览器中的事件和访问，以及操作超文本标记语言元素方面的功能也很强大，深受广泛用户的喜爱的欢迎。 7.2 HTML语言 7.2.2 文档的格式与风格 2．段落格式化 (2)段落标记P 实例2：参见右图 html head title段落标签/title /head body 登鹳雀楼P白日依山尽，br黄河入海流。br欲穷千里目，br更上一层楼。/P /body /html 7.2 HTML语言 7.2.2 文档的格式与风格 2．段落格式化 (2)段落标记P 文件段落的开始由P来标记，段落的结束由/P来标记。p标记不但能使后面的文字换到下一行，还可以使两段之间多一空行。由于一段的结束意味着新一段的开始，所以使用p也可省略结束标记。 一个强制换段标记p可以看作是两个强制换行标记brbr。 其中属性align用来设置段落的对齐方式，可以为left、center或right，分别表示居左、居中、居右。默认时默认为left。 格式为：p align=对齐方式文字/p 7.2 HTML语言 7.2.2 文档的格式与风格 2．段落格式化 (3)分区显示标记 格式:div align=left|center|right文本或图象/div 文本块、一段文字或标题在网页上的布局都有3种方式：左对齐、居中和右对齐。在标记中使用align属性，其