Chap1基础重点详解.ppt

* HTML语言简介 网页也称为Web页或网页文件。它由超文本标记语言（HTML）来构造。 HTML是（Hypertext Markup Language）的首字母缩写，中文通常称作超文本标记语言。 Example 　　 * HTML语言与标记对 HTML语言使用标记符(标记对)来编写网页文件。 格式： 标记名 内容 /标记名 开始标记 结束标记 开始标记符与结束标记符的区别在于： 结束标记符多一个斜杠“/”（不是反斜杠“\”！） 例如： html ….. /html * HTML的基本工作原理 浏览器按顺序阅读网页文件（HTML文件），然后根据内容周围的HTML标记符解释和显示各种内容。 * HTML语言标记符概述 HTML 标记符是不区分大小写的。 html、Html和HTML没有区别。 绝大多数标记符都是成对出现的。某些标记符，例如BR，只要求单一标记符号。 * HTML语言标记符属性 属性是用来描述对象特征的特性。例如，一个人的身高、体重就是人这个对象的属性。 在HTML中，所有的属性都放置在开始标记符的尖括号里，多个属性之间用空格分开，通常也不区分大小写。 属性采用“键值对”的方式：属性名=“属性值” * HTML语言标记符属性 例如，可以用字体标记符和字号属性指定文字的大小。 FONT SIZE=1本行字将以较小字体显示。/FONT example example 问题：我怎么知道哪个标记符有哪些属性呢？ * 学习方法技巧 问题：我怎么知道哪个标记符有哪些属性呢？ 答曰： 1、查阅HTML语言手册（借助书籍） 2、上网在搜索引擎搜索（借助网络） 3、使用所见即所得的网页开发工具。（以后会讲） * Web页的基本结构 html head title 标题栏的标题 /title /head body 主体部分内容 /body /html * HTML标记符 HTML /HTML 是Web页的第一个和最后一个标记符，Web页的其他所有内容都位于这两个标记符之间。 这两个标记(此标记对)告诉浏览器，此文件为一个Web页。 * HEAD标记符 首部标记HEAD和/HEAD位于 Web 页的开头，其中不包括 Web 页的任何实际内容，而是提供一些与 Web 页有关的特定信息。 * TITLE 标记符 在首部标记符中，最基本、最常用的标记符是标题标记TITLE和/TITLE，用于定义网页的标题。 当网页在浏览器中显示时，网页标题将在浏览器窗口的标题栏中显示。 * 演示——TITLE的作用 * BODY标记符 正文标记符BODY和/BODY包含Web 页的内容。 文字、图形、链接以及其他HTML元素都位于该标记符内。 正文标记符中的文字，如果没有其他标记符修饰，则将以无格式的形式显示。 * 背景颜色 在BODY标记符中使用BGCOLOR属性可以为网页设置背景颜色。 在 HTML 中，除了使用颜色名称以外，还可以用格式 #RRGGBB 来表示颜色。 （后续会详细介绍） * 演示——设置网页背景颜色 * 背景图案 使用 BODY 标记符的 BACKGROUND 属性可以设置背景图案。HTML语句为： BODY BACKGROUND = “image.gif” * 演示——设置网页背景图案 * 演示——设置网页背景声音 在HEAD中添加： BGSOUND src=“soundfileURL” * 小结 网页的存储位置由？指定 网站由？构成 静态网页由 ？语言编写 Html语言使用？编写文件 有些标记对是由属性的，多个属性用？分开。 答案：URL、网页 、HTML、标记对 、空格 * 小节 综上所述，一个不包含任何内容的基本 Web 页文件如下所示： HTML HEADTITLE/TITLE/HEAD BODY/BODY /HTML * * 网页制作工具 我们已经知道网页由html语言编写，那么那些工具可以用来帮助我们制作网页呢？ windows记事本 Editplus * 编写HTML语言可以在Windows记事本内书写，在存盘输入文件名时，一定要输入HTML语言文件的扩展名：.htm或.html。 网页制作工具 由于网络的迅速发展，网页的需求量很大，网页的复杂性也越来越高，因此，软件生产商开发了许多专门用于网页制作的工具软件。 这些软件多采用直观易用的图形界面，无需编辑程序代码，就可以轻松的制作出美观漂亮的网页。 这类软件通常也称为所见即所得的网页编辑制作软件。