HTML第三讲:表格与静态网页设计详解

需积分: 9 13 下载量 29 浏览量 更新于2024-08-18 收藏 1.06MB PPT 举报
"HTML第三讲表格-静态网页设计和HTML语言" 在本次的讲解中,我们将深入探讨HTML(超文本标记语言)以及静态网页设计的基本概念。HTML是Web展示语言,它使得网页内容能够以结构化的形式呈现,并在不同的平台上保持一致的显示效果。 6.1.1 静态网页的体系结构 静态网页是指其内容在发布后不会根据用户交互进行改变的网页。它们通常由Web服务器存储,并通过HTTP协议发送到客户端浏览器进行解析和显示。当用户请求一个静态页面时,服务器从硬盘上获取相应的HTML文件,然后将文件内容无处理地返回给浏览器,由浏览器负责解析和渲染。 6.1.2 标记语言 标记语言是一种用于描述文档结构和内容的语法,比如HTML、SGML和XML。SGML(标准通用标记语言)是元语言,而HTML是基于SGML的一种,主要用于Web上的内容呈现。XML(扩展标记语言)则更注重数据结构的定义,适用于数据交换。此外,还有XHTML、MathML、WML、SVG和cXML等不同的标记语言,分别针对不同的应用场景。 6.1.3 标记语言家族 HTML作为标记语言家族的一员,具备以下特点: 1. 平台兼容性:HTML文档能在多种操作系统和浏览器上正确显示。 2. 文本文件:HTML文档本质上是纯文本文件,易于创建和修改。 3. 解释机制:Web服务器不处理HTML的标记,解释工作由客户端的浏览器完成。 4. 多媒体支持:HTML提供了丰富的标记来支持图像、音频、视频等多媒体内容的展示。 5. 布局控制:HTML允许通过各种标签进行页面布局控制。 然而,HTML也存在一些局限性,比如: 1. 结构化数据表示能力较弱,不利于复杂数据的组织。 2. 链接错误无法自动修正,可能导致内容丢失。 3. 对于大型或动态内容,下载效率低,搜索和更新不便。 4. 标记有限,无法满足所有Web应用需求,缺乏可扩展性。 6.1.4 HTML文档的编写方法 HTML文档可以手动编写,使用简单的文本编辑器如记事本,保存为.htm或.html文件;也可以通过像Frontpage、Dreamweaver这样的可视化编辑器进行图形化操作;或者在服务器端动态生成HTML内容。 6.1.5 网页文件命名规范 1. 文件扩展名通常是.htm或.html。 2. 文件名中不应包含空格。 3. 特殊字符禁止使用,仅允许英文、数字和下划线。 4. 文件名区分大小写。 5. 首页文件一般命名为index.htm或index.html。 HTML文件的基本结构由以下元素组成: ```html <!DOCTYPE html> <html> <head> <!-- Meta tags, CSS links, JavaScript files --> </head> <body> <!-- Content goes here --> </body> </html> ``` 其中,`<html>`是根元素,包含整个文档;`<head>`部分用于定义文档元信息,如标题、样式和脚本引用;而`<body>`则包含实际的网页内容。 HTML是构建静态网页的基础,通过理解其语法和结构,我们可以创建出丰富多彩的Web页面。随着技术的发展,HTML也在不断演进,以适应更加复杂和动态的Web应用需求。