Web程序设计jsp课件-Web程序设计1.pptVIP

HTML WEB浏览器工作原理 HTML简介 HTML细节 HTML文件结构、文字、链接、表格、表单、多窗口 图片、音乐、视频…… HTML中显示特殊字符 框架 WEB浏览器 WWW 中的信息资源主要由一篇篇的Web文档，或称Web页为基本元素构成 HTML 对 Web 页的内容、格式及 Web 页中的超级链接进行描述 Web 浏览器的作用就在于读取 Web 站点上的 HTML 文档，再对文档中的HTML标记逐行进行解释，最后在用户的电脑上显示相应的 Web 页面 HTML简介 HTML：HyperText Markup Language 超文本标记语言 超文本: 文字+图片+音视+链接… 标记语言: 浏览器根据标记来显示内容 来自于SGML: 标准通用标记语言 专门用于在Web上传递信息 HTML文件能独立于各种操作系统平台。在 UNIX 系统中，HTML文档的后缀为“.html”，而在 WINDOWS 系统中则为“.htm” HTML规则是由W3C（万维网组织）制定的，最新版本是HTML4.01 HTML元素与标记 4-1 编写HTML时，我们需要用元素来定义文档的结构、显示外观、与其它文档的链接等。HEAD、BODY、P、UL等都是元素 当我们真的要将这些元素插入到文本中去时，需要用尖括号（“”和“”）将它们括起来。这样，我们得到了HEAD、BODY、P、UL。现在，它们已经不再称为元素，而被叫做标记（tag） HTML元素与标记 4-2 HTML中的元素通常由3部分组成： 开始标记：由尖括号括起来的元素，如： HEAD、BODY、P 内容： 结束标记：在元素名前加上一个“/”（斜杠）符号，并由尖括号括起来，如： /HEAD、/BODY、/P 绝大多数元素都有开始标记和结束标记 当浏览器看到一个开始标记时，它就会知道随后的文本的类型都是由开始标记所定义的类型决定的，直到它找到一个结束标记 HTML元素与标记 4-3 大多数元素都有内容，这些内容包含在开始标记和结束标记之间。但有些元素没有任何内容，如BR，它产生一个换行动作 有些元素的结束标记是可选的（或没有结束标记）。例如，LI和P，分别表示列表项目元素和段落元素 元素是大小写不敏感的，建议使用大写 HTML元素与标记 4-4 所有元素都具有一些属性。属性都有值，属性值总是包括在双引号之中。属性一般小写。如： align=“center” width=”33%” 有些属性的值来自于W3C设置标准时创建的值的列表。例如，valign属性的值有top、middle、bottom、baseline四种 有些属性用数字来代表它们的值。数字可以是百分比数字 有些属性的值是颜色。可以用颜色名称（只有16种）或者颜色的16进制值 实体（Entities） 实体：就是那些你想显示出来，但键盘上又没有的字符，或者是哪些对HTML有特殊意义的字符（比如、、等） 在HTML中，所有的实体都是以号开始，并以分号“;”结束。有3种表示方式： 使用字符符号：例如，copy; 表示版权符号。这种方式区分大小写 使用十进制符号：例如，#169; 表示版权符号 使用16进制符号：例如，#xA9; 表示版权符号 常用实体 HTML注释 语法：!-- 中间的内容为注释 -- 浏览器会完全忽略掉注释中的内容 元素嵌套 定义：在某个元素之内使用另外一个元素 元素嵌套的一个重要规则是：你必须在结束外层元素之前结束内层元素。 无效格式是： H1 你好吗？I我很好 /H1 /I 有效格式应该是： H1 你好吗？I我很好 /I /H1 HTML语法形式 标记(元素)的3种语法形式： 元素名 [属性＝“值”] … 内容 /元素名 例如： font 文字 /font 元素名 [属性＝“值”] … / 例如： img src=“…”/ 元素名 [属性＝“值”] … 例如： br HTML文档结构 html head title 典型HTML /title /head body 我会努力的！ /body /html 常用标记介绍 HEAD、BODY、A 字体标记FONT等 文字布局P等 图片标记IMG 表格TABLE 表单FORM 框架 FRAMESET HEAD中的常用标记 2-1 title 文字 /title “文字”将显示在浏览器窗口的标题栏上 meta：元数据，用于设置一些头信息。元数据是关于网页信息的信息，可包括作者的姓名、公司名称等 meta http-equiv=“content-type” content=“text/html;charset=gb2312” meta http-equiv=“refresh” content=“3;url=”