P.NET动态网页设计教程（第二版）　教学课件 丁桂芝 第3章.pdfVIP

第三章HTML语言简介和HTML控件 超文本标记语言HTML是Web技术的基础，整个Web 从一定意义上来说就是构架在HTML技术之上的。在实际 应用中，绝大多数网页的制作只靠ASP.NET 中的各种控件 是难以胜任的，还需要HTML技术的支持。因此，在学习 HTML控件以及其它ASP.NET服务器控件之前，首先需要 熟悉掌握HTML语言的基础知识。使用CSS （层叠样式表） 可以定义网页相关组件的各种属性变化，也可以创建一个 通用的样式表，让网站的相关网页直接套用，完全跳脱 HTML语法及输出编排上的束缚。HTML控件是以HTML标 记为基础衍生出来的控制元件。在ASP.NET 2.0 中，默认 情况下，HTML控件属于浏览器端控件，不能被服务器使 用，但是，如果使用了runat=server属性进行声明， HTML控件则变成了HTML服务器控件。本章主要介绍 HTML语言基础、CSS 以及浏览器端HTML控件。 1 第三章HTML语言简介和HTML控件 3.1 什么是HTML HTML （Hyper Text Markup Language），译作中文 为超文本标记语言，是创建网页的脚本语言。它提供了精 简而有力的文件定义，使我们可以设计出多姿多彩的超媒 体文件（Hypermedia Document），通过HTTP （Hyper Text Transfer Protocol ）通讯协议，使得HTML文件可以在 全球互联网（World Wide Web ，WWW ）上进行跨平台文 件交换。 HTML文件为纯文本的文件格式，可以用任何文本编 辑器（如记事本）或者用FrontPage、Dreamweaver、 Visual Studio等Web开发制作工具来编辑。本书我们选用 Visual Studio 2005作为编写HTML文件的工具。 2 第三章HTML语言简介和HTML控件 3.1.1 HTML文件的结构 根据HTML规则中的定义，HTML文件的结构是由 HEAD和BODY两大部分所组成，整个文件的结构如下图 所示。 3 第三章HTML语言简介和HTML控件 3.1.2 HTML组成的基本组件 html…/html 该标记必须分别置于HTML文件的开头和结尾，其主 要的功能是告诉浏览器（Browser）这是HTML文件，并且 文件是由起始标记html开始，到结束标记/html结束。 head…/head 紧接在html后面的标记为文件的表头区，该部分的 主要作用是用来描述关于网页的相关信息，例如编码方式、 网页的标题等。其中最常使用的标记是标识网页标题名称 的title…/title，在此标记中的文字将出现在浏览器窗 口左上方的标题区（Caption ），其主要功能是用以 4 第三章HTML语言简介和HTML控件 显示目前打开网页的主题，如下图所示。 body…/body 网页输出编排的重头戏几乎全部放在 body…/body之间，凡在网页上显示的各种文字或图 片等，均必须置于这一标记的范围内。 5 第三章HTML语言简介和HTML控件 3.2 背景设置 随着图形用户界面（Graphic User Interface，GUI） 操作系统的盛行，网页设计美观与否将直接影响用户的感 受，因此网页制作人员无不卯足全力写出更具吸引力的版 面。在HTML的规则中，我们可以自行定义网页的背景颜 色或以某张图片填满网页的背景，而这些