DHTML与HTML基础:处理下拉列表及动态静态网站解析

需积分: 9 0 下载量 178 浏览量 更新于2024-08-15 收藏 768KB PPT 举报
"该资源主要讲解了如何处理HTML中的下拉列表,并通过JavaScript实现不同的选项触发不同的事件。同时,还涵盖了HTML、DHTML的基础知识,包括动态与静态网站的区别、B/S和C/S结构的应用、HTML语法体系以及HTML文档的编写和结构。" 在HTML中,处理下拉列表通常是通过`<SELECT>`标签来实现的,它允许用户从多个选项中选择一个。在提供的代码示例中,我们看到一个名为`select1`的下拉列表,包含三个选项——北京、上海和广州。当用户更改选择时,`onchange`事件被触发,调用`func1`函数。这个函数通过`select1.value`获取选中的选项值,并显示一个警告框告知用户所选的城市。 DHTML(Dynamic HTML)是HTML的一个扩展,使得网页可以具有动态效果,无需刷新页面就能更新内容。它结合了HTML、CSS、JavaScript和DOM(文档对象模型)来实现动态交互性。 动态网站与静态网站的主要区别在于,动态网站的HTML文档由服务器根据用户请求动态生成,可能涉及与数据库的交互,可以实现信息的实时更新。而静态网站的HTML代码在制作时就已经固定,不涉及服务器端的程序执行。 B/S(Browser/Server)架构是指浏览器端通过HTML、CSS、JavaScript等技术实现用户界面,服务器端则使用如ASP.NET、PHP、JSP等技术处理业务逻辑和数据存储。C/S(Client/Server)架构则需要客户端软件,如VB、VC、Java等,直接与服务器通信,处理数据和展示界面。 HTML是超文本标记语言,用于创建网页。HTML4.0是其一个版本,而HTML文档通常以`.htm`或`.html`为扩展名。编写HTML文档可以手动用文本编辑器,如记事本,或者使用像Frontpage、Dreamweaver这样的可视化编辑器。此外,HTML文件的结构包括`<html>`、`<head>`和`<body>`标签,其中`<head>`包含元信息,如页面标题和Meta标签,`<body>`则包含实际的网页内容。 在创建网页文件时,命名规则需要注意,一般使用`.htm`或`.html`作为扩展名,避免空格和特殊符号,只允许下划线 `_`,并区分大小写。首页文件通常命名为`index.htm`或`index.html`。HTML文件的结构由一系列元素组成,元素是HTML语言的基本组成部分,它们定义了网页的结构和内容。