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

第三章 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控件。 第三章 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文件的工具。 第三章 HTML语言简介和HTML控件 3.1.1 HTML文件的结构 根据HTML规则中的定义，HTML文件的结构是由HEAD和BODY两大部分所组成，整个文件的结构如下图所示。 第三章 HTML语言简介和HTML控件 3.1.2 HTML组成的基本组件 html…/html 该标记必须分别置于HTML文件的开头和结尾，其主要的功能是告诉浏览器（Browser）这是HTML文件，并且文件是由起始标记html开始，到结束标记/html结束。 head…/head 紧接在html后面的标记为文件的表头区，该部分的主要作用是用来描述关于网页的相关信息，例如编码方式、网页的标题等。其中最常使用的标记是标识网页标题名称的title…/title，在此标记中的文字将出现在浏览器窗口左上方的标题区（Caption），其主要功能是用以 第三章 HTML语言简介和HTML控件 显示目前打开网页的主题，如下图所示。 body…/body 网页输出编排的重头戏几乎全部放在body…/body之间，凡在网页上显示的各种文字或图片等，均必须置于这一标记的范围内。 第三章 HTML语言简介和HTML控件 3.2 背景设置 随着图形用户界面（Graphic User Interface，GUI）操作系统的盛行，网页设计美观与否将直接影响用户的感受，因此网页制作人员无不卯足全力写出更具吸引力的版面。在HTML的规则中，我们可以自行定义网页的背景颜色或以某张图片填满网页的背景，而这些必须在body的属性里设置，其用法如下： body text=“blue” link=“red” vlink=“black” alink=“green” bgcolor=“white” background=“images/bg.jpg” /body Body的相关属性说明如表3.1所示。 第三章 HTML语言简介和HTML控件 表3.1 Body的相关属性说明 第三章 HTML语言简介和HTML控件 3.3 文字属性的变化 HTML允许我们对文件中的文字做各种的变化，这些变化就如同使用Word设置文字的属性一样，可以设置文字的大小、颜色、使用的字体名称与字体样式等，详细的使用说明分述如下。 3.3.1 设置文字的字体、大小和颜色 在HTML中我们可以使用font…/font标记设置文字属性，它的语法如下： FONT FACE=字体名称 SIZE=字体大小 COLO