《认识html语言》由会员分享，可在线阅读，更多相关《认识html语言（55页珍藏版）》请在金锄头文库上搜索。
1、认识HTML语言 与DW,主讲教师：卢明波,HTML基本概念,什么是HTML文件 HTML的全称为HyperText Markup Language,即超文本标记语言,(泰德纳尔逊)、（蒂姆伯纳斯李） 表 1-1 HTML层级特色,HTML文件的基本结构,this is my first HTML pageHi How are you. 这是我的第一个HTML程序,HTML实例,中的标记,TITLE/TITLE TITLE文件题目TITLE 标题栏空间有限，即标题应少于80个字符 在标题元素中不允许出现置标，所以以下代码是无效的： ILOVEYOU,LINK/LINK,LINK标记用于显示本文
2、档和其他文档之间的连接关系。一个典型的应用就是外部层叠样式表的定位。格式如下：LINK REL”stylesheet” herf”stylecss” type=“text/css“REL参数说明HTML文件及URL两个文档之间的关系，HREF说明目标文档名,META/META,META NAME”keywords” CONTENT” yourkeyword”META NAME”description” CONTENT” your homepages descriptionl” 本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让用户根据这些关键字查找到你的主页，了解你的主页内容。,
3、META/META,META HTTP-EQUIV”refresh” CONTENT”60, URLnew.htm” 浏览器将在60秒后，自动转到newhtm文件。META HTTP-EQUIV”contenttype” CONTENT”text/html；charset”GB2312”描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码,META/META,META/META,STYLE/STYLE使用STYLE元素的STYLE和/STYLE置标可以在文档中包含风格页scriptscript （脚本）的script和/script置标用于包含脚本（一系列脚本语言写的命令）。,文本体控
4、制语言,文件体中描述的是浏览器中页面显示的内容 的属性定义BACKGROUND、BGPROPERTIES、BGCOLOR、TEXT、LINK、VLINK和ALINK，用来设定背景图象、背景颜色、前景文字颜色及超文本链接颜色 ,文本体控制语言,LINK：用来设定未阅读过的超文本链接颜色，缺省值是蓝色。 VLINK：用来设定阅读过的超文本链接颜色，缺省值是紫色。 TEXT：用来设定文字颜色。 ALINK：用来设定动作中的超文本链接颜色，缺省值是紫色。,文本标记,#可以是各种字体,文本标记, P即Paragraph，段落元素的P置标标志一段的开始，一段结束可用/P 但通常不需要结束置标。一般说来，P
5、置标用来把文本分段,文本标记,ABOUT PThis is paragraph So is this ok!,文本标记,标题文字,定义文件内的标题层次，以区分文章的章节段落。HTML共有六层标题文字，编号从1到6， Hn ALIGN”#”标题文字/Hn nl,2,3,4,5,6#代表：left标题居左；center标题居中；right标题居右；,标题文字,标题文字实例一级标题 二级标题 三级标题 四级标题 五级标题 六级标题,标题文字,水平线的设定,hr标识可以在网页中生成一条横线 1size属性以像素值为单位，规定横线的粗细，默认值为2 2width属性指定了横线的长短 默认width值的横
6、线长短为100 3、align属性规定了水平线的对齐方式，默认为居中，这里设定水平线为左对齐（align=left）,水平线的设定,使用水平线水平线的设定有时候，我们想在网页中生成一条横线，将不同的 内容信息分开，使文字看起来清晰、明确，这时可以使用 hr标识来达到此目的。,水平线的设定,特殊字符,HTML文件链接,统一资源定位器URL 统一资源定位器（Uniform Resoure Locator）是文件名的扩展 protocol：/machineName:port/ directory / filename machinename是存放该资源主机的 IP地址 directory和filen
7、ame是该资源的路径和文件名 统一资源定位器也有绝对URL和相对URL之分,A/A,锚元素（Anchor）。用于创建链接 其基本格式为：字符串 Url通常是#加上锚点名称 A href=“#A”click me/a,IMAGE,图像元素。SRC和ALT是IMAGE置标经常使用的 IMAGE SRC”c:my documentswenhuajie.jpg” WIDTH”300” HEIGHT”200”ALT”DO YOU WANT TO HAVE A LOOK AT ME？” HEIGHT和 WIDTH属性按像素值确定图像的宽度和高度 ALT 用特定的文字代替图象,. - 定义表格 - 定义表行
8、 - 定义表头 - 定义表元(表格的具体数据)FoodDrinkSweet ABC ,实例,DHTML简介（CSS）,DTML与CSS的基本概念 DHTML=HTML+CSS+浏览器对象模型结构+Script CSS是Cascading Style Sheet 的缩写。译作层叠样式表单 浏览器的对象模型 浏览器本身就是由许多的对象所组成的，这些对象有各自的性质、方法和事件，因此网页设计者可以通过Script程序，来控制或调用这些对象,层叠样式表CSS,CSS的基本观念，就是将网页“内容”的设置与“样式”的设置分开 CSS之所以称为层叠样式表，是因为要让HTML文件同时应用多个样式表，进一步来说
9、，就是将样式进行分类（如：按颜色样式、字体样式、编排样式），从而建立起各种“样式表”，然后将这些样式应用给同一网页,建立样式表,1、基本声明,集中声明,在了解了声明样式的基本格式后，就可以使用集中声明的方式，让HTML标签，一次扩展更多的属性。 集中声明有两种方式，一种是“在一个选择器内，声明数个样式性质”；另一种是“数个选择器集中在一个样式中声明”。下面分别介绍这两种方式，以便了解和掌握集中声明的方法。,集中声明,集中声明,应用样式,应用样式,样式表应用实例,第三章 动态网页ASP简介与 JavaScript基础,ASP简介 ASP是一套微软公司开发的服务器端脚本环境， ASP内含于IIS
10、3.0和40之中，通过ASP我们可以结合HTML（超文本文件）网页、ASP指令和ActiveX元件建立动态、交互而且高效的Web服务器应用程序,ASP特点,（1）使用VBScript、Javascript或者 Perlscript等简单易懂的脚本语言，结合 HTML代码，即可快速地完成网站的应用程序。 （2）无需compile编译，容易编写，可在服务器端直接执行。 （3）使用普通的文本编辑器，如 Windows的记事本，即可进行编辑设计，当然也可以使用Ultra_edit等比较专业的文本编辑器编辑文本。,ASP特点,（4）与浏览器无关 （5）ASP能与任何 ActiveX scripting语
11、言相容 （6）因为只有脚本的结果返回到浏览器，所以服务器端脚本不易复制 （7）可使用服务器端的脚本来产生客户端的脚本,ASP的运行环境,1、 Microsoft Internet Information Server version 3.0/4.0 on Windows NT Server 2、 Microsoft Peer Web Services Version 30 on Windows NT Workstation 3、 Microsoft Personal Web server on Windows 95/98,ASP脚本编程环境,1从以上两例可看出，ASP文件的扩展名为.asp，一
12、个ASP文件通常由ASP脚本命令和HTML标记、文本组成，ASP命令必须用“”括起来（关于，先不急于搞清楚，以后再谈）。 2初学者要看懂ASP程序，只要一分为二即可（切不可搅在一起，稀里糊涂）。注意除掉括起来的代码后，就与你用过的.htm文件一样，你一看就懂。而括起来的部分在服务器端运行后，得到的输出结果就是你所熟悉的HTML代码。如Response.Write “得到的就是，而的运行结果即为IP地址,创建ASP页面,Active Server Pages（ASP）文件是以.asp为扩展名的文本文件，这个文本文件可以包括下列部分的任意组合： 文本 HTML标记 ASP脚本命令,加入Script
13、命令,HTML使用定界符小于号（）括入HTML标签。 ASP使用定界符 括入脚本命令 This page was last refreshed on . VBScript函数Now返回当前的日期和时间。Web服务器处理该页时，会使用当前的日期和时间替换并且将该页返回到浏览器： This page was last refreshed on 8/1/97 2:20:00 PM.,合成HTML和脚本命令,合成HTML和脚本命令,合成HTML和脚本命令,什么是JavaScript,JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言 基本特
14、点： 是一种脚本编写语言JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。,什么是JavaScript,安全性 JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。,什么是JavaScript,动态性的 JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就
15、是指在主页(Home Page)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。,JavaScript和Java的区别,。Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发；而JavaScript是Netscape公司的产品 基于对象和面向对象 Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。 JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象（Object Based）和事件驱动（Event Driver）的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。,JavaScript和Java的区别,解释和编译 两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。 JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户编由浏览器解释执行。,JavaScript和Java的区别,
