第三章 网页编程语言—HTML.pptVIP

第三章 网页编程语言—HTML 孙雨生 * 内容简介 HTML语言基础知识 HTML简介 HTML编辑与运行环境 网页编辑流程 HTML脚本的基本结构：元素、标签和属性 HTML常用元素及各自标签和属性：文本、图像、列表、表格、链接 3.1 HTML的编辑与运行环境 HTML（Hypertext Markup Language） 超文本标记语言，它是一种用于编写超文本文档的标记语言。 平台无关性 ，是一种结构语言，只需要浏览器。 采用纯文本文档编辑器 ，比如记事本，UltraEdit ；不要使用字处理软件，比如word 运行在Web浏览器上 最常用的两种浏览器是Netscape公司的Netscape Communicator （必威体育精装版：Firefox）和微软公司的IE。 平时见到的网页均可查看其源文件 3.1.2网页编辑流程 用记事本编写代码 保存代码，注意在命名时，必须以*.htm结尾 点击所做的网页，即可打开改网页，前提是已经安装了浏览器 3.2 HTML脚本的基本结构 HTML的主要语法是元素和标签 HTML以标签来标识、排列各对象。标签本身以“”和“”标识，标标签内的内容称为元素（element），元素代表了标签的意义，元素是与大小写无关的。 元素是符合DTD（文档类型定义）的文档组成部分 如title（文档标题）、IMG（图像）、table（表格）等等。 HTML用标签来规定元素的属性和它在文档中的位置 在HTML中，所有的标签都用尖括号括起来，例如，HTML表示HTML标签。绝大多数标签都是成对出现的，包括开始标签和结束标签。 如：HTML…／HTML .单独标签的格式为元素名，它的作用是在相应的位置插入元素。 HTML标签是不区分大小写的，但通常约定标签使用大写字母，这有利于HTML文档的维护。 属性 用来描述对象特征的特性。在HTML中，所有的属性都放置在开始标签的尖括号里，属性与标签之间用空格分隔，属性的值放在相应属性之后，用等号分隔，而不同的属性之间用空格分隔。通常不区分大小写。 格式为： 标签属性1=属性值1 属性2=属性值2 … 受影响的内容 ／标签 典型HTML文本结构 HTML HEAD TITLE 文本标题 ／TITLE ／HEAD BODY BGCOLOR=“green”文档的主体部分 ／BODY ／HTML HTML标签 HTML／HTML这两个标签是HTML文档的标签。HTML处于文档的最前端，表示文档的开始，即浏览器从HTML开始解释。／HTML则位于文件的最后一行，这样的结果表示这一整份的文档都是HTML语法的文档。该标签不带任何属性。 HEAD标签 HEAD／HEAD是HTML文件头标签，用来描述HTML首部的内容，说明文档的整体信息。所有首部信息并不会出现在利用WWW浏览器所看到的窗体中。HEAD／HEAD通常与某些标签一起使用，如TITLE／TITLE标签。 TITLE标签 TITLE／TITLE指的是一份文档的标题。通常来说，每一份文档都应该有一个标题来简述这一份文档的特色或主题。对于WWW浏览器而言，标题所在的位置虽然依照浏览器的不同而不同，但是大部分都位于浏览器的最上方。（出现在Web浏览器窗口的标题栏中） TITLE标签可以嵌套，表示多个主题 BODY标签 BODY／BODY指的是定义出一个HTML文档的体部，位于首部下面，就是Web浏器窗口的用户区内看到的内容。 在BODY标签中可以规定整个文档的一些基本属性： “BGCOLOR”，指定HTML文档的背景色。 “TEXT”，指定HTML文档中文字的颜色。 “LINK”，设定HTML页面默认的连接颜色。 “ALINK”，设定鼠标正在单击时的连接颜色 。 “VLINK”，设定访问后连接文字的颜色。 “BACKGROUND”，指定HTML文档的背景图片。 实例 body BGCOLOR=SILVER TEXT=OLIVE Link=yellow ALINK=green VLINK=blue P HR 欢迎光临武汉大学，请选择您想浏览的部分BR HR pA href=学校简介.htm target=_blank学校简介/ABR PA href=校训释义.htm校训释义/ABR PA href=现任领导.htm现任领导/ABR HR 3.3 常用HTML元素 文本标签 BR标签是换行标签，作用相当于插入一个回车符，它是单独出现的。如果没有换行标签，Web浏览器将根据浏览器窗口宽度尽可能长地显示文本，而不是按照HTML文档中的文本格式显示。 H标签（i=1，2，3，4，5，6） Hi标签是成对出现的，夹在Hi和/Hi之间的文字是HTML文档中的标题。 标题文字都用黑体显示，上级标题总比下