第七章数字媒体的Web集成与应用.pptVIP

* * * * * * * * * * * * * * * * * * 讲授 高义栋 QQ7.1 HTML基础 7.2 JavaScript基础 7.3 Web的工作原理 7.4 网站的设计与规划 7.5 网站的创作 7.6 网站的测试与发布 7.1.1 HTML概述 HTML是英文Hypertext Markup Language的缩写，中文的意思是超文本标记语言。一个HTML文档的一般结构形式如下： html head title我的第一个网页/title /head body 这是html文档的主体部分， 也就是网页的内容。 /body /html 7.1.3 HTML中的标签 文字基本标签 页面布局标签 插入图像标签 插入超链接 表格 （1）标题文字标签hn html head title标题示例/title /head body h1最大的标题/h1 h3使用h3的标题/h3 h6最小的标题/h6 /body /html （2）文字的字体、大小和颜色标签font html head … /head body font color=“#FF0000” size=“2”b粗体文字示例 /b/font br i斜体文字示例/i br u下划线文字示例/u /body /html （1）换行标签br 换行标签是个单标签，也叫空标签，不包含任何内容，在HTML文件中的任何位置只要使用了br标签，当文件显示在浏览器中时，该标签之后的内容将从下一行显示。例如在图7-4所示的效果中就使用了br标签。 （2）分段标签p 由p和/p 标签所标识的文字，代表同一个段落的文字。分段标签p的一般格式为： p align =属性值 段落内容 /p 其中，align是 p标签的属性，属性值可以是left、center和right之一，它们分别用来设置段落文字的左对齐、居中对齐和右对齐。 HTML支持的图像文件格式有gif、jpeg等，在HTML文档中插入图像文件要使用img标签，其具体使用格式为： img src=图像文件名 其中src是source的英文缩写，“图像文件名”是图像文件的URL地址； html head title插入图像文件示例/title /head body img src=face1.gif img src=face1.gif width=80 hight=80 /body /html 在HTML中，简单的链接标签是a。它的基本语法是： a href=文件名 ... /a 或 a href =URL ... /a 其中href是英文hypertext reference的写。例如，利用记事本输入下面的HTML文档。 html head titleHTML超链接/title /head body h2 HTML超链接示例/h2 a href=first.html我的第一个网页/a | a href=网易/a | /body /html 一张表格有许多表元素组成，例如表的标题、表行、表列标题等。HTML为表格规定了表元素标签和属性。一般的HTML文档表格结构如下所示： table tr td第一行第一个单元格/td td第一行第二个单元格/td /tr /table 7.2.1 JavaScript简介 JavaScript是由 Netscape公司开发的一种脚本语言，它是适应动态网页制作的需要而诞生的一种广泛地使用于Internet网页制作上编程语言。 在HTML基础上，使用JavaScript可以开发交互式Web网页。JavaScript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。 7.2.2 JavaScript语言 变量 运算符 表达式 语句 函数 对象 事件 7.2.1 JavaScript在网页中的用法 在HTML中嵌入JavaScript引用方式 html head titleJavaScript示例